分配动态ngModel并执行循环计算

Question

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

我如何为用户添加的字段分配ngModel名称，并在循环每行的计算中检索它们？

请帮忙！非常感谢你!!!

这是我的代码是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>

用户添加行

<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>