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

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...