Javascript AngularJS：自动更新总价

我正在开发我的第一个简单的应用程序，我已经经历了很多问题，而这只是这个漫长系列中的下一个问题

我必须让用户选择每种产品的数量。有几种方法可以做到这一点，我选择了其中一种，用户选择他想要的产品，然后在购物清单上，他可以根据自己的意愿调整产品的数量。我不知道这是否合适，但就像我说的，这是我的第一次ap，我昨天开始学习AngularJS

我必须以某种方式结合：

total+=$scope.itemsToBuy[i]。价格*成就的数量

我已经试过了，但失败得很惨。这就是当你开始做某事的时候

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

对不起，这么长的故事，如果你有任何想法，建议或提示，请告诉我。我将一如既往地感谢你。先谢谢你

到目前为止我的应用程序的JSFIDLE：

总价有效，但不包括数量。
看起来数量上升/下降按钮正在更新
itemsToBuy[i]。数量
，对吗？那你怎么了

total += $scope.itemsToBuy[i].price * $scope.itemsToBuy[i].qty;

或者在计算总价格时是这样的？（在向itemsToBuy添加元素时，您可能必须确保正确初始化了数量）
看起来数量上升/下降按钮正在更新
itemsToBuy[i]。数量
，对吗？那你怎么了

total += $scope.itemsToBuy[i].price * $scope.itemsToBuy[i].qty;

或者在计算总价格时是这样的？（向itemsToBuy添加元素时，您可能必须确保qty已正确初始化）
正确。但如果您首先这样做，它将在总价中给出NaN，因为在购物车中添加商品时，数量没有定义

添加1个数量或使用以下代码：

total+=$scope.itemsToBuy[i]。价格*（$scope.itemsToBuy[i]。数量？$scope.itemsToBuy[i]。数量：1）
是正确的。但如果您首先这样做，它将在总价中给出NaN，因为在购物车中添加商品时，数量没有定义

添加1个数量或使用以下代码：

total+=$scope.itemsToBuy[i]。价格*（$scope.itemsToBuy[i]。数量？$scope.itemsToBuy[i]。数量：1）
将回调附加到在单击时更新总计的按钮。将回调附加到在单击时更新总计的按钮。