我有一个表格,其中包含数量和价格的输入字段,用户可以动态添加行 . 我想计算每个项目的总价格(数量*价格),然后将所有这些总价格加在一起作为总价格 .
如何为用户添加的字段分配ngModel名称,并在循环遍历每一行的计算中检索它们?
请帮忙!非常感谢!!!
Here is my code is html:
<tr>
<td>
<ion-item>
<ion-input type="text" placeholder="Item"></ion-input>
</ion-item>
</td>
<td>
<ion-item>
<ion-input type="text" placeholder="Qty." [(ngModel)]="quantity1"></ion-input>
</ion-item>
</td>
<td>
<ion-item>
<ion-input type="text" placeholder="Price" [(ngModel)]="price1"></ion-input>
</ion-item>
</td>
</tr>
User adding row
<tr *ngFor="let row of rows" ng-repeat="row in rows">
<td>
<ion-item>
<ion-input type="text" placeholder="Item"></ion-input>
</ion-item>
</td>
<td>
<ion-item>
<ion-input type="text" placeholder="Qty."></ion-input>
</ion-item>
</td>
<td>
<ion-item>
<ion-input type="text" placeholder="Price"></ion-input>
</ion-item>
</td>
</tr>