AngularJS筆記之ng-bind指令

在AngularJS中顯示模型中的數據有兩種方式：

一種是使用花括號插值的方式：

<p>{{text}}</p>

另外一種是使用基於屬性的指令，叫作ng-bind：

<p ng-bind="text"></p>

這兩種方式的效果都是同樣的，其主要區別在於，使用花括號語法時，在AngularJS使用數據替換模板中的花括號時，第一個加載的頁面，一般是應用中的index.html，其未被渲染的模板可能會被用戶看到。而使用第二站方法的視圖不會遇到這種問題。

緣由是，瀏覽器須要首先加載index.html頁面，渲染它，而後AngularJS才能把它解析成你指望看到的內容。

因此，對於index.html頁面中的數據綁定操做，建議採用ng-bind。那麼在數據加載完成以前用戶就不會看到任何內容。