根據另一個輸入更新角度模型中的一個值

Question

假設我有一個角度模型，我的模型中有三個變量，比如a,b,c ，我想要c=a*b 。

我通過添加一個更新c的函數updateC()來完成它，然后我的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>

Answer 1

這似乎有效，不確定這是否是你想要實現的：

<input name="a" ng-model="a"></input>
<input name="b" ng-model="b"></input>
<input name="c" value="{{c=a*b}}" readonly></input>

Answer 2

這是解決問題的好方法：

<input name="c" ng-model="c = a * b" readonly />

演示

Answer 3

你可以簡單地綁定輸入C的值

<input name="c" value="{{c=a*b}}"></input>
<label>{{c}}</label>

像這樣： http ： //codepen.io/Visualife/pen/xwNKjj

對於a＆b，你需要處理初始值。