我有一个表格,其中包含数量和价格的输入字段,用户可以动态添加行 . 我想计算每个项目的总价格(数量*价格),然后将所有这些总价格加在一起作为总价格 .

如何为用户添加的字段分配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>