计算ng重复值的总和Angularjs

Question

我是Angularjs的新手。我正在使用ng-repeat显示项目列表。如何计算它的总和？有什么简单的方法来计算它在html中使用表达式？

name numberofyears amount interest 
xxx  2   4000 4% 
yyy  3   3000 10% 
zzz  5   6000 6% 

Total  10  13000 16% 

前三行是从ng repeat.I只是想要计算总和如上所示。在此先感谢

这与Calculating sum of repeated elements in AngularJS ng-repeat这个问题非常相似。但不完全。我试图计算使用表达式，因为我有很多行

Answer 1

正如评论提到 - 你会在你的控制器中总结并显示ng-repeat后的总和值。

https://docs.angularjs.org/api/ng/directive/ngRepeat

的ngRepeat指令从集合实例每个项目一次的模板。

因此，ng-repeat用于渲染，并不是业务逻辑的地方。

Answer 2

做数学题的控制器，那么你可以添加<tr ng-if="$last"> </tr>在ng-repeat并显示最终结果

控制器前 - 简单的一周

function sum (object) { 
    var data = object; 
    var tmpSum 

    for (var i in object){ 
     tmpSum =+ object[i].value; 
    } 

    $scope.sum = tmpSum 
}; 

视图前

<tr ng-if="$last">{{sum}} </tr>

Answer 3

它有可能做到这一点，但我认为这种逻辑最适合您的控制器。总之，这是实现的一个可能的方式，你问什么使用NG-INIT：在AngularJS重复计算元素的总和NG-重复]的

<table ng-init="items.total = {}"> 
    <tr> 
     <td>name</td> 
     <td>numberofyears</td> 
     <td>amount</td> 
     <td>intrest</td> 
    </tr> 
    <tr ng-repeat="item in items"> 
     <td>{{item.name}}</td> 
     <td ng-init="items.total.numberofyears = items.total.numberofyears + item.numberofyears">{{item.numberofyears}}</td> 
     <td ng-init="items.total.amount = items.total.amount + item.amount">{{item.amount}}</td> 
     <td ng-init="items.total.interest = items.total.interest + item.interest">{{item.interest}}%</td> 
    </tr> 
    <tr> 
     <td>Total</td> 
     <td>{{items.total.numberofyears}}</td> 
     <td>{{items.total.amount}}</td> 
     <td>{{items.total.interest}}%</td> 
    </tr> 
</table>