data-ng-init中给出的数值

时间:2017-11-11 03:03:40

标签: angularjs

<div data-ng-app="" data-ng-init="quantity=1;price=20">  
<h2>Cost Calculator</h2>  
Quantity: <input type="number" ng-model="quantity">  
Price: <input type="number" ng-model="price">  
<p><b>Total in rupees:</b> {{quantity * price}}</p>  
</div>  

大家好,我目前正在研究AngularJs Data Binding,我对上面的代码有疑问。谁能解释数据-ng-init中这两个数值“1”和“20”的含义?每次我点击数量和价格的输入时,两个输入的数字分别增加和减少值1,而不是1和20。 另外,data-ng-app和data-ng-init之间有什么区别?

1 个答案:

答案 0 :(得分:0)

ng-init在视图加载时运行,因此在此量化和价格默认由ng-init设置为1和20,ng-app是一个指令,表示从此处开始,此div内的任何内容都是一个角度app和ng-init用于在视图的加载上执行表达式或值。默认情况下,输入值将增加和减少1,因为它是输入类型=数字的默认功能,它与默认值无关我们在ng-init中进行设置,因此您的值会增加和减少1