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

编辑：工作人员 - 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>

试图在ng-repeat中总结一个数字字段

1 个答案: