添加不会以反应形式排成一行

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 。要解决此问题，您必须将输入值转换/转换为 number 。

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

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

Answer 2

  

HTML输入中的任何值都是自动字符串。

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

简单解决方案：

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

即可

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

<强> WORKING PLUNKR