Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据另一个输入更新角度模型中的一个值_Javascript_Angularjs - Fatal编程技术网

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 />