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

Updating one value in angular model according to another input

本文关键字：一个 模型 另一个 输入 更新      更新时间：2023-09-26

假设我有一个角度模型，模型中有三个变量，比如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>

这似乎有效，不确定这是否是您想要实现的：

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

演示

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

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

像这样：http://codepen.io/Visualife/pen/xwNKjj

不过，对于&b.

相关文章：