Angular.js：用户输入后更新过滤器

Question

我在使用angularjs用户输入后更新值时遇到问题。 我给用户一个网格，在其中输入数字，每次按键后，我想对该列求和并将其显示在列标题中。 该过滤器适用于表的初始值，但在将新数字输入到表中时不会更新。 有没有一种刷新元素的方法？

<th>total<small>{{Rows|sumByKey:'ColOne'}}</small></th> ....

<tr ng-repeat="Row in Rows">
    <td><input type="text" value="{{Row.ColOne}}"/></td>
</tr>

Angularjs过滤器：

app.filter('sumByKey', function () {
return function (data, key) {
    if (typeof (data) === 'undefined' || typeof (key) === 'undefined') {
        return 0;
    }

    var sum = 0;
    for (var i = data.length - 1; i >= 0; i--) {
        sum += parseInt(data[i][key]);
    }
    //filter.$stateful = true;
    return sum;
    };
});

Answer 1

我相信，您需要约束您的价值，以敏锐地意识到变化。 在输入上使用ng-model来设置值。 这样，Angular可以控制所有值。

<th>total<small>{{Rows|sumByKey:'ColOne'}}</small></th> ....

<tr ng-repeat="Row in Rows">
    <td><input type="text" ng-model="Row.ColOne"/></td>
</tr>

这是它运行的一个小工具 。