和在HTML JSON響應並顯示angularjs

Question

我有一個響應JSON這樣

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

我想和大寫金額。我想要result = 150並以html顯示。

我如何能做到這一點

Answer 1

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; 
} 

}）;

使用$過濾服務：

在控制器..

  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>