在JSON响应中求和并在html angularjs中显示

我有这样的回应

[{id:'1' ,name :'A',amout:'50'},
{id:'2',name:'B',amount:'60'},
{id:'3',name:'C',amount:'40'}]

我要一个总数。我想要

result=150

并以html显示

我该怎么做

 app.filter('totalFilter', function() {
return function(data, key) {
  if (angular.isUndefined(data) || angular.isUndefined(key)){
    return 0;}
  var sum = 0;
  angular.forEach(data, function(v, k) {
    sum = sum + parseInt(v[key]);
  });
  return sum;
}

}))

使用$filter服务：

在控制器中

         var Total= $filter('totalFilter')($scope.datas, 'amount');
          console.log(Total);

或者。您可以在html中使用

        <tr ng-repeat="data in datas">                                         
        <td>{{data.amount}}    </td>
        </tr>
         <tr>
         Total amount : {{ datas | totalFilter:'amount' }}
        </tr>

{{data.amount}
总额：{{datas | totalFilter:'amount'}

为什么不用一个简单的角度来表示并总结它们呢好的，继续编码：-）