javascript - {{x. name}} 如果用户编辑任何单个数据槽，则标记应更新

Question

我正在尝试更改每次用户用英语或印地语编辑标记时的代码，然后相应更新最高的印地语和/或英语标记

Controller 代码

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope)
{
$scope.names = [
        {name:'Priya',age:'19',gender:'Female',English:x[0], Hindi:x[1]},
        ....
        ....
        {name:'Dev', age:'18' ,gender:'Male',English:x[2] ,Hindi:x[3]},
           ];

$scope.sum = function(list) 
    {
        var total=0;
        angular.forEach(list , function(x){
        total+= x[];
    });
    return total;
}
});

HTML 代码这是我当前用于显示最高分的代码

<tr ng-repeat ="x in names | orderBy:'sortColumn'">
        <td>{{x.name}}</td>
        <td>{{x.age}}</td>
        <td>{{x.gender}}</td>
        <td><input type="text" ng-model="x.English"></td>
        <td><input type="text" ng-model="x.Hindi"></td>
        <td ng-bind="avg=(x.English+x.Hindi)/2">{{avg}}</td>
        <td>
            <button><a href="" ng-click="delete(x)">Delete</a></button>
        </td>
    </tr>
</table>
<table ng-model="sum">
    <tr><td>The total is: <input value="{{sum(x)}}"></td></tr>

  **<tr><td>THIS IS WHERE I WANT TO DISPLAY HIGHEST MARKS IN ENGLISH</td></tr>**
  **<tr><td>**<td ng-repeat="x in names |orderBy:'-Hindi' | limitTo:1"> {{x.name}}THIS IS WHERE I WANT TO DISPLAY HIGHEST MARKS IN HINDI</td></tr>**


</table>

Answer 1

您可以将 watch 放在数组上，如下所示:

$scope.total = 0

$scope.$watch('names', function(newVal) {
    var total = 0;
    angular.forEach(newVal, function(x) {
      total += parseInt(x.English) + parseInt(x.Hindi);
    });
    $scope.total = total
}, true);

并在模板中将 {{sum(x)}} 替换为 {{total}}。

检查工作示例 here