试图总结ng-repeat中的数字字段

Question

我想要总结一个数字字段以在我的angularjs项目中显示总数。

我想这样是这样的：

<div ng-repeat="item in donations"> 
     {{item.product.cost * (item.product.donation/100)}} //RESULT IS AMOUNT DONATED BASED ON 'donation' 
    </div> 

所以上面的表达式将拉动成本的捐赠部分。然后，我需要能够总结这个数字以显示全部捐款。

任何想法？

谢谢！

Answer 1

编辑：工作Plunker - https://embed.plnkr.co/psoEqO/

最好的办法是创建另一个<div>来显示你的总。

如果我是你，我会在你的控制器内创建$scope.donations.total，并将其显示在你的新<div>中。

控制器：

$scope.donations.total = $scope.donations.reduce(function(prevVal, elem) { 
    return prevVal + (elem.cost * (elem.donation/100)); 
}, 0); 

HTML：

<div ng-repeat="item in donations"> 
    {{ item.product.cost * (item.product.donation/100) }} 
</div> 
<div>{{ donations.total }}</div>