在AngularJS中显示模型中的数据有两种方式:
一种是使用花括号插值的方式:
<p>{{text}}</p>
另一种是使用基于属性的指令,叫做ng-bind
<p ng-bind="text"></p>
这两种方式的效果是一样的,主要的区别在于:
使用花括号语法的时候,在AngularJS使用数据模板中的花括号时,第一个加载的页面,通常是应用中的index.html,其未被渲染的模板可能会被用户看到
使用ng-bind的方法时就不会遇到这样的情况
遇到这种情况的原因是:
浏览器需要首先加载index.html页面,渲染他,然后AngularJS才能把它解析成你期望的内容。所以,对于Index.html页面的数据绑定操作,建议采用ng-bind。那么在数据加载完成之前用户就不会看到任何内容。