根据另一个输入更新角度模型中的一个值

时间:2015-11-23 10:04:14

标签: javascript angularjs

假设我有一个角度模型,我的模型中有三个变量,比如a,b,c,我希望c=a*b

我通过添加更新updateC()的函数c来完成它,然后我的HTML看起来像这样:

<input name="a" ng-model="a" ng-change="updateC()"></input>
<input name="b" ng-model="b" ng-change="updateC()"></input>
<input name="c" ng-model="c" readonly></input>

但如果我有很多这样的三元组,这不是一个好的解决方案,因为我需要为每个这样的三元组定义一个函数。有没有办法将模型中元素的值绑定到某个公式? 即是否有一些属性ng-like-bind-but-updates-model,以便以下html可以工作:

<input name="a" ng-model="a"></input>
<input name="b" ng-model="b"></input>
<input name="c" ng-model="c" ng-like-bind-but-updates-model="a*b" readonly></input>

1 个答案:

答案 0 :(得分:0)

你可以简单地绑定输入C的值

<input name="c" value="{{c=a*b}}"></input>
<label>{{c}}</label>
像这样: http://codepen.io/Visualife/pen/xwNKjj

你需要处理初始值而不是&amp;湾