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

前端之家收集整理的这篇文章主要介绍了计算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;
}

猜你在找的Angularjs相关文章