添加角度表单控件值在 html 中

Posted

技术标签:

【中文标题】添加角度表单控件值在 html 中【英文标题】:Addition of angular form controls value is in html 【发布时间】:2018-01-31 13:17:09 【问题描述】:
 <pre> ((itemInfoForm.controls['quantity'].value) + (selected_item.quantity))</pre>

输出:10+10=1010

预期结果:10+10=20

【问题讨论】:

【参考方案1】:

只需创建一个方法并传递参数并以这样的数字形式返回

 <pre> 
  changeType(itemInfoForm.controls['quantity'].value) + changeType(selected_item.quantity)
 </pre>

 ......//and in your controller side write function like this
 changeType(val)
    return +(val);
  

Working Plunker

【讨论】:

【参考方案2】:

尝试下面的代码,使用 parseInt 将它们转换为数字

parseInt(itemInfoForm.controls['quantity'].value) + parseInt(selected_item.quantity)

【讨论】:

不工作 ERROR TypeError: co.parseInt is not a function 使用 Number.parseInt(object1)+Number.parseInt(object2) 不工作类型错误:无法读取未定义的属性 'parseInt' 能否贴出第1项和第2项的对象值 是 itemInfoForm.controls['quantity'].value

以上是关于添加角度表单控件值在 html 中的主要内容,如果未能解决你的问题,请参考以下文章

如何使用响应式表单将验证器添加到表单控件以从角度材料进行匹配输入

如何修复角度表单控件中的“找不到名称为 __v 的表单控件”错误?

以角度 8 在表单控件中输入数量时获取总值

如何以角度反应形式访问表单控件和表单组

一旦我将@Html.DropDownListFor 添加到表单中,Jquery.Validate 就会停止验证任何控件

如何给动态添加的form表单控件添加表单验证