data-ng-initで与えられた数値

Question

<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データバインディングを研究しています。上記のコードについて質問があります。データ-ng-initのこれらの2つの数値、 '1'と '20'が何のために立っているのか誰にも説明できますか？数量と価格の入力をクリックするたびに、入力の増減はそれぞれ1と20ではなく1の値で増減します。 また、data-ng-appとdata-ng-initの違いは何ですか？

Answer 1

ng-initはビューがロードされているときに実行され、この定量化と価格はデフォルトでng-initによって1と20に設定されています。ng-appはここから以降、 angle appとng-initは、ビューのロード時に式または値を実行するために使用されます。デフォルトでは、input type = numberのデフォルト機能であるため、入力値は1だけ増減します。デフォルトではng-initで設定されていますので、値が1/2だけ増減します。