如何使用ng-repeat來計算具有相同屬性的對象數組的總數？

Question

我有一個像這樣的對象數組：arrayOfObject = [{id:xxx,price:xxx},{id:xxx,price:xxx},....]，我用ng-repeat將它列爲表格。

現在對於每個對象，'id'可以是相同的。我想爲每個不同的id計算具有相同id的對象的總數，然後列出一列中的總數。總數僅出現每月的第一個對象上具有不同的ID是這樣的：

我怎樣才能做到這一點使用NG-重複，或任何方便的方式做到這一點？

非常感謝。

Answer 1

你可以做到這一點，

在JS：

$scope.getVolumeSum = function(items) { 
    return items 
    .map(function(x) { return x.Id; }) 
    .reduce(function(a, b) { return a + b; }); 
    }; 

在HTML：

<li ng-repeat="(key, items) in data | groupBy: 'Id'"> 
     id: {{key}}, name: {{items[0].name}}, volume: {{getVolumeSum(items)}} 
    </li> 

工作Sample