Angular2如何在* ngFor中添加两个值

Question

在这里，我在* ngFor =“ apple中有textBox；在i = index中有

<tr  *ngFor="let abc in Apple;let i = index">

<td>        <input matInput  name="UnitofPrice"  [(ngModel)] = "BillofQty[i]">
</td>
<td>{{BillofQty[i]+1}}

这里就像我进入12即将来临的AS 121一样，正在戒除灰尘

Answer 1

尝试使用

<td>
   {{BillofQty[i]*1 + 1*1}}
</td>

Answer 2

之所以会这样，是因为来自输入字段的值始终是字符串。因此BillofQty [i]是一个字符串。在字符串上使用+运算符会导致两个值串联在一起。因此，您首先需要将此值转换为数字。

如果您不在乎它是否另存为字符串或数字，则可以简单地输入： {{+BillofQty[i]+1}}或{{Number(BillofQty[i])+1}}。这样会将BillofQty [i]中的字符串值转换为数字。

如果您想直接将值保存为数字，则可能必须将[(ngModel)]拆分为[value]="BillofQty[i]"和(ngModelChange)="yourMethod(i)"，然后在方法中将值转换为数字，然后保存到this.BillofQty [i]。