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

Angular2在*ngFor中时如何添加两个值,angular,angular2-forms,Angular,Angular2 Forms,这里我在*ngFor=“让abc进入苹果;让i=索引”中有文本框 {{BillofQty[i]+1}} 在这里,我得到了输出,好像我输入了12它的Comming作为121尝试使用 <td> {{BillofQty[i]*1 + 1*1}} </td> {{BillofQty[i]*1+1*1}} 尝试使用 <td> {{BillofQty[i]*1 + 1*1}} </td> {{BillofQty[i]*1+1*1}} 发

这里我在*ngFor=“让abc进入苹果;让i=索引”中有文本框


{{BillofQty[i]+1}}
在这里,我得到了输出,好像我输入了12它的Comming作为121

尝试使用

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

{{BillofQty[i]*1+1*1}}
尝试使用

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

{{BillofQty[i]*1+1*1}}

发生这种情况的原因是,来自输入字段的值总是字符串。所以BillofQty[i]是一个字符串。对字符串使用+运算符将导致两个值连接在一起。因此,首先需要将该值转换为一个数字

如果您不在乎它是否保存为字符串或数字,您可以简单地放:
{{+BillofQty[i]+1}}
{{Number(BillofQty[i])+1}
。这会将BillofQty[i]中的字符串值转换为数字


如果您想直接将值保存为数字,您可能需要将
[(ngModel)]
拆分为
[值]=“BillofQty[i]”和
(ngModelChange)=“yourMethod(i)”
,将值转换为方法中的数字,然后将其保存到这个.BillofQty[i]发生这种情况的原因是来自输入字段的值总是字符串。所以BillofQty[i]是一个字符串。对字符串使用+运算符将导致两个值连接在一起。因此,首先需要将该值转换为一个数字

如果您不在乎它是否保存为字符串或数字,您可以简单地放:
{{+BillofQty[i]+1}}
{{Number(BillofQty[i])+1}
。这会将BillofQty[i]中的字符串值转换为数字


如果您想直接将值保存为一个数字,您可能需要将
[(ngModel)]
拆分为
[值]=“BillofQty[i]”和
(ngModelChange)=“yourMethod(i)”
,将值转换为方法中的一个数字,然后将其保存为这个.BillofQty[i]。

另一种语法:
{{+BillofQty[i]+1}
。另一种语法:
{{{+BillofQty[i]+1}}