计算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>

谢谢。

模板中

<td>Total: {{ getTotal() }}</td>

在控制器

$scope.getTotal = function(){
    var total = 0;
    for(var i = 0; i < $scope.cart.products.length; i++){
        var product = $scope.cart.products[i];
        total += (product.price * product.quantity);
    }
    return total;
}

原文地址：https://www.jb51.cc/angularjs/147015.html