Angularjs为产品制作一个篮子

时间:2017-06-20 17:52:44

标签: javascript angularjs

我是一名新的angularjs学习者。我正在研究我的项目。

stdout

我不知道如何显示总金额? 我想做一个篮子。它列出了客户购买的东西。我想要显示所有在篮子上列出的产品的总量。 请帮帮我

1 个答案:

答案 0 :(得分:0)

HTML

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

的JavaScript

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

替代解决方案:

在你的ng-repeat中添加:

ng-init="itemTotal = product.price * product.quantity; total = total + itemTotal"

然后在控制器中存储范围变量$scope.total,并在<div>Total Price: {{ total }}</div>

结束时调用它