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>