2
我有四種產品,我從用戶處獲得它的數量。這些產品有固定價格,我想最後顯示總金額。AngularJSng ngind與乘法和總和
這是我的控制器
application.controller('SaleController', function ($scope) {
$scope.Spaghetti_price=50;
$scope.Macaroni_price=100;
$scope.Noodles_price=40;
$scope.MegaNoodles_price=70;
}
,這裏是我的看法
<div>
<input type="number" class="text-input" ng-model="Spaghetti_qty" />
<input type="number" class="text-input" ng-model="Macaroni_qty" />
<input type="number" class="text-input" ng-model="Noodles_qty" />
<input type="number" class="text-input" ng-model="MegaNoodles_qty" />
</div>
<div>
Total Amount:
<input type="number" class="text-input" ng-model="totalAmount" ng-bind="(Spaghetti_qty*Spaghetti_price)+(Macaroni_qty*Macaroni_price)+(Noodles_qty*Noodles_price)+(MegaNoodles_qty*MegaNoodles_price)"/>
</div>
但上面的代碼不工作我沒有得到總金額文本框的任何更新值。隨着用戶輸入產品數量,我希望在數量文本框中進行實時更新。
是否有其他方法可以實現這一目標?
爲什麼你總的' '字段?難道不應該是'
我也希望它可編輯。這就是爲什麼它是在輸入字段 –
這將對計算有什麼影響?一旦用戶編輯,總數不再計算? –