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

Question

在这里我有* ngFor =中的textBox“在Apple中让abc;让我=索引”

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

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

在这里，我正在走出去，如果我进入12它即将到来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)"，你可以将值转换为yourMethod中的数字，然后将其保存到this.BillofQty [i]。