我提交时的值为NaN

时间:2018-07-16 10:17:17

标签: angular typescript

我想用2个数字提交值。

我有一个数量和default_price

在html中,我写

 <div *ngIf="addForm.controls.producut_id.value === '22'">
        <input readonly formControlName="p_Subtotal" type="text" [value]='producte.default_price*p_Quantity'>
 </div>

问题在于,当我提交价值时,价值保存NaN,而不是真实价值。

你能问我任何想法吗?

1 个答案:

答案 0 :(得分:0)

代替

<input formControlName="total" id="total" type="text" [value]="price*quantity" class="validate">

您应该写

  <input formControlName="total" id="total" type="text" [value]="myform.value.price * myform.value.quantity" class="validate">

以及元素保留在表单变量myform.value中。

注意。但是我仍然建议您在不可编辑的html字段(例如Eg等)中向用户显示总字段。

因此,如果您想接受我的建议,则应如下所示

<span>{{myform.value.price * myform.value.quantity}}</span>