Javascript 根据另一个输入更新角度模型中的一个值
假设我有一个角度模型,模型中有三个变量,比如说Javascript 根据另一个输入更新角度模型中的一个值,javascript,angularjs,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"
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>
您可以简单地绑定输入C的值
<input name="c" value="{{c=a*b}}"></input>
<label>{{c}}</label>
{{c}}
像这样:
不过,对于a&b,您需要处理初始值。这似乎可行,但不确定这是否是您想要实现的:
<input name="a" ng-model="a"></input>
<input name="b" ng-model="b"></input>
<input name="c" value="{{c=a*b}}" readonly></input>
这里有一个很好的技巧可以解决您的问题:
<input name="c" ng-model="c = a * b" readonly />
您是否尝试了
值
和{{…}
绑定而不是ng模型
?也就是说,
。你可以只使用
这两种方法都不起作用:@yarons的想法是让一个模型有一个名为c
的变量,并且具有正确的值。你的意思是使用ng bind
?不,有值的话,请参阅我附带的代码笔。对不起,在你添加代码笔之前评论过。我想在我的作用域中有一个名为c
的变量,而您的解决方案与使用ng bind
基本相同,它不会在作用域内更新c
。然后您可以根据更新和更新的笔在“值”内设置c
<input name="c" ng-model="c = a * b" readonly />