添加在反应形式的行中不起作用

Question

为什么加法在我的反应式中不起作用。我尝试了减法和乘法，一切正常。加法在这结合了数字。它使它成为一个字符串吗？代码在这里 Plunkr Link

 <td>
   <input type="text" class="form-control" readonly formControlName="itemamt" [ngModel]="itemrow.get('itemqty').value + itemrow.get('itemrate').value">
 </td>

Answer 1

来自 HTML 输入的任何值自动为 string。要解决此问题，您必须 cast/convert 将您的输入值设为 number。

而其他算术运算符 / * - 将对字符串执行 toNumber 转换。

将字符串转换为数字的快速方法是使用一元运算符 +。

Answer 2

Any value from an HTML input is automatically string.

问题与@Sajeetharan 所解释的相同，但他建议的解决方案无法在模板端完成。

简单的解决方案：

只是将输入类型 text 更改为 number

<input type="number" class="form-control" formControlName="itemqty">

WORKING PLUNKR

添加在反应形式的行中不起作用

Addition doesn't work in rows in reactive forms

angular

angular-reactive-forms