Hidden Input and AngularJS ng-model binding
In your case since you just want to use
<input type="hidden" name="Price" ng-init="Price=100;" ng-value="Price"/>
Demo: Fiddle
Angular just ignores hidden input elements.(ng-model doesn't support input field)
If you want that value in ng-model
it self, then it shouldn't be of type hidden. You could solve this problem by hiding that div by doing display:none
instead of giving type hidden or using ng-show
directive make it hidden.
<div ng-controller="TheController">
<input type="text" ng-show="false" 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>