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>