当我添加数量时,我想使用AngularJS计算产品的总价格.我有一个代码如下:
<div ng-app="TheApp"> <div ng-controller="TheController"> <input type="hidden" name="Price" value="100" ng-model="Price" /> <input type="text" name="Quantity" ng-model="Quantity" /> Total Price:{{TotalPrice}} <button class="btn btn-primary btn-block" ng-click="click()">Add Items</button> </div>
在我的控制器里面我有:
$scope.TotalPrice = $scope.Price * $scope.Quantity;
我知道Angular不支持隐藏,但我正在寻找解决问题的最佳实践.
请考虑按钮不是用于计算TotalPrice,而是发送最终结果.我希望它能够实时更新.
解决方法
在你的情况下,因为你只是想使用
<input type="hidden" name="Price" ng-init="Price=100;" ng-value="Price"/>
演示:Fiddle