AngularJS:自动更新totalPrice值

时间:2016-10-22 15:31:30

标签: javascript angularjs

我正在使用我的第一个简单的应用程序,我已经遇到了很多问题,这个问题只是这个长期系列中的下一个问题。

我必须让用户选择每种产品的数量。几乎没有办法,我选择了一个,用户选择他想要的产品,然后 - 在购物清单上 - 他可以根据自己的意愿调整产品数量。我不知道它是否是正确的方式,但就像我说这是我的第一个ap,我昨天开始学习AngularJS。

我必须以某种方式结合: total += $scope.itemsToBuy[i].price * TheQuantityOfEachElem;

我已经尝试过,但失败了。这就是你开始做事的时候......

我的第一个想法是取第n个输入的值,然后将其乘以elem的价格。但问题是我不知道如何设置这个组合。

对于这么长的故事感到抱歉,如果您有任何想法,建议或提示,请告诉我。我会一如既往地欣赏它。提前谢谢。

到目前为止我的应用程序的jsfiddle https://jsfiddle.net/scgsc7or/14/

totalPrice有效,但不包括数量。

2 个答案:

答案 0 :(得分:4)

@mark是对的。但是,如果您首先执行此操作,则会在总价中给出 NaN ,因为在购物车中添加商品时未定义数量。

在数量上加1或使用以下代码:

total += $scope.itemsToBuy[i].price * ($scope.itemsToBuy[i].quantity?$scope.itemsToBuy[i].quantity:1);

答案 1 :(得分:1)

看起来数量上/下按钮正在更新itemsToBuy[i].qty,对吗?那么

有什么问题
total += $scope.itemsToBuy[i].price * $scope.itemsToBuy[i].qty;

或类似的东西在计算总价时? (在向itemsToBuy添加元素时,您可能必须确保正确初始化了数量)