2017-11-11 31 views
-1
<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-ng-init中的這兩個數值'1'和'20'代表什麼?每次點擊數量和價格的輸入時,兩個輸入的數字分別增加和減少1,而不是1和20。 另外,data-ng-app和data-ng-init有什麼區別?data-ng-init給出的數值

+0

*「data-ng-app和data-ng-init之間的區別是什麼」* ...這兩個文檔在文檔 – charlietfl

+0

文件是你指的? –

+0

角度js文檔。如有疑問,請閱讀手冊 – charlietfl

回答

0

ng-init在加載視圖時運行,所以在這個量化和價格被默認由ng-init設置爲1和20時,ng-app是一個指令,表示從這裏開始,div內的任何東西都是angular app和ng-init用於在視圖的負載上執行表達式或值。默認情況下,輸入值將增加和減少1,因爲它是輸入類型=數字的默認功能,它與任何內容無關我們在ng-init中設置,所以你的值增加和減少1