AngularJS展现数据的ng-bind指令和{{}} 区别

在AngularJS中显示模型中的数据有两种方式：

一种是使用花括号插值的方式：

<p>`text`</p>

另外一种是使用基于属性的指令，叫作ng-bind：

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

这两种方式的效果都是同样的，其主要区别在于，使用花括号语法时，在AngularJS使用数据替换模板中的花括号时，第一个加载的页面，一般是应用中的index.html，其未被渲染的模板可能会被用户看到。而使用第二站方法的视图不会遇到这种问题。

缘由是，浏览器须要首先加载index.html页面，渲染它，而后AngularJS才能把它解析成你指望看到的内容。

因此，对于index.html页面中的数据绑定操做，建议采用ng-bind。那么在数据加载完成以前用户就不会看到任何内容。