AngularJS：自動更新totalPrice值

Question

我正在進行我的第一個簡單的應用程序，我已經經歷了很多問題，這只是這個長期系列中的下一個問題。我不得不讓用戶選擇每種產品的數量。沒有什麼辦法可以做到，我選擇了一個用戶選擇他想要的產品，然後 - 在購物清單上 - 他可以根據自己的意願調整產品的數量。我不知道它是否是一種正確的方式，但正如我所說這是我的第一個ap，我昨天開始學習AngularJS。

我必須以某種方式聯合收割機： total += $scope.itemsToBuy[i].price * TheQuantityOfEachElem;

我已經嘗試過，但悲慘地失敗了。這就是當你開始做什麼時...

我的第一個想法是取第n個輸入的值，然後乘以elem的價格。但問題是我不知道如何設置這個組合。

對不起，如果您有任何想法，建議或提示只是讓我知道這麼長的故事。我會一如既往地欣賞它。先謝謝你。

我的應用程序的的jsfiddle到目前爲止：https://jsfiddle.net/scgsc7or/14/

的totalPrice的作品，但它不包括數量。

Answer 1

看起來數量上/下按鈕正在更新itemsToBuy[i].qty，對吧？那麼有什麼問題

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

或類似的東西在計算總價格？ （您可能必須確保在向itemsToBuy添加元素時正確初始化了數量）

Answer 2

@mark是正確的。但是如果你首先這樣做，它會給NaN的總價格，因爲在購物車中添加物品時未定義數量。

無論是在數量加1，或者使用以下代碼：

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