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

• 使用花括号插值的方式：
  <p>{{text}}</p>

• 基于属性的指令：
  <p ng-bind="text"></p>

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

{{}}与ng-bind相比的解决方案

<style type="text/css">
       .ng-cloak {
             display: none;
       }
</style>
<p ng-cloak class="ng-cloak">{{text}}</p>

在对首页面中的数据绑定操作，建议采用ng-bind。