AngularJs ngCloak、ngController、ngInit、ngModel

ngCloak

ngCloak指令是為了防止Angular應用在啟動加載的時候html模闆将會被短暫性的展示。這個指令可以用來避免由HTML模闆顯示造成不良的閃爍效果。

格式： ng-cloak   class=“ng-cloak“

使用代碼：

ng有兩種綁定資料到頁面的寫法，ngBind和{{hash}}，ngBind需要一個載體（比如：<span ng-bind="'Hello World'"></span>）,而{{hash}}方式直接綁定（比如：{{'Hello World'}}），ngBind綁定的話，在不斷的重新整理或者載入頁面過慢的情況下不會出現綁定表達式的閃爍，但是{{hash}}方式就會出現表達式閃爍的情況了（在互動體驗上沒做的那麼完善，把未執行計算的表達式顯示出來）。

ngController

ngController 指令給頁面附上一個controller類。這是Angular如何支援MVC設計模式的關鍵所在。

格式：ng-controller=“value”

value：controller的名稱。

ngController指令将在js上定義控制器綁定到頁面元素上，那麼這一塊元素就有這個控制器進行操作了，在controller的$scope上綁定各種資料，可在view内的ngController範圍餒進行綁定和展示。

ngInit

ngInit指令允許你在目前範圍内執行自定義行為(指定表達式)。

格式：ng-init=“value”

value：表達式。

這個指令用于在一塊範圍内定義值或者表達式。比如上述例子代碼，是把第一層循環的索引傳入第二層循環中。

ngModel

Angular的雙向資料綁定關鍵所在。ngModel指令通過這個指令建立的controller給input、select、textarea（或者自定義窗體）綁定scope上的某個屬性值。

ngModel主要負責：

将視圖綁定到模型中，一些指令像input、textarea或者select的需求。

提供驗證行為。

保持控制狀态。

給元素設定相關css類，包括動畫。

将控制注冊給父窗體。

ngModel指令完美的诠釋了Angular的雙向資料綁定，很多ng教程的說明雙向資料綁定都會用到它。也就是我們在view修改值後，後端的對應的值也跟着發生一樣的變化。