javascript – 隐藏输入和AngularJS ng模型绑定

前端之家收集整理的这篇文章主要介绍了javascript – 隐藏输入和AngularJS ng模型绑定前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我添加数量时,我想使用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

猜你在找的JavaScript相关文章