AngularJS - 从一次性绑定中减去双向绑定

时间:2016-03-06 22:08:36

标签: javascript angularjs angularjs-bindings

在我的Angular 1.4.8应用中,我想计算原始值与用户更改后的值之间的差异。

<table>
  <tr>
    <td>Value</td>
    <td>Difference</td>
  </tr>
<tr ng-repeat="value in values">
  <td>{{ value }}</td>
  <td>{{ ::value - value }}</td>
<tr>
</table>

值是一个数组,例如$scope.values = [1,5,8,3];

但这不起作用。 Angular首先进行减法,然后将差值字段永远地固定为零。或者,如果我这样做,它只会崩溃:

<td>{{ (::value) - value }}</td>

1 个答案:

答案 0 :(得分:2)

一次性绑定运算符不是关联的,它适用于整个监视表达式。你可以做的是设置一次变量并使用它。

<tr ng-repeat="value in values">
  <td>{{:: originalValue = value }}</td>
  <td>{{originalValue - value }}</td>
<tr>

在此示例中,第一个观察者将计算originalValue,直到它稳定观察者将被取消注册的位置,冻结DOM和originalValue的值。第二个观察者将继续使用冻结值计算其表达式。