计算AngularJS ng-repeat中重复元素的总和

Question

计算AngularJS ng-repeat中重复元素的总和

下面的脚本显示了使用的购物车ng-repeat。对于数组中的每个元素，它显示项目名称，其数量和小计（product.price * product.quantity）。

计算重复元素总价的最简单方法是什么？

<table>

    <tr>
        <th>Product</th>
        <th>Quantity</th>
        <th>Price</th>
    </tr>

    <tr ng-repeat="product in cart.products">
        <td>{{product.name}}</td>
        <td>{{product.quantity}}</td>
        <td>{{product.price * product.quantity}} €</td>
    </tr>

    <tr>
        <td></td>
        <td>Total :</td>
        <td></td> <!-- Here is the total value of my cart -->
    </tr></table>

Answer 1

在模板中<td>Total:&nbsp;{{&nbsp;getTotal()&nbsp;}}</td>在控制器中$scope.getTotal&nbsp;=&nbsp;function(){ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;total&nbsp;=&nbsp;0; &nbsp;&nbsp;&nbsp;&nbsp;for(var&nbsp;i&nbsp;=&nbsp;0;&nbsp;i&nbsp;<&nbsp;$scope.cart.products.length;&nbsp;i++){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;product&nbsp;=&nbsp;$scope.cart.products[i]; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;total&nbsp;+=&nbsp;(product.price&nbsp;*&nbsp;product.quantity); &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;total;}