angularjs1 {{}} 与 ng-bind的区别

在AngularJS中显示模型中的数据有两种方式：
一种是使用花括号插值的方式：
1
<p>{{text}}</p>
 
另一种是使用基于属性的指令，叫做ng-bind：
2
<p ng-bind="text"></p>
 
这两种方式的效果都是一样的，其主要区别在于，使用花括号语法时，

在AngularJS使用数据替换模板中的花括号时，第一个加载的页面，通常是应用中的index.html，其未被渲染的模板可能会被用户看到。就是如果你刷新页面，此时数据如果还没展现出来，你这个结构是能被看到的！会看到这个{{text}}

而使用第二站方法的视图不会遇到这种问题。

所以，对于index.html页面中的数据绑定操作，建议采用ng-bind。那么在数据加载完成之前用户就不会看到任何内容。
--------------------- 
作者：CarryBest 
来源：CSDN 
原文：https://blog.csdn.net/carrybest/article/details/71516176 
版权声明：本文为博主原创文章，转载请附上博文链接！