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

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

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

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

另一种是使用基于属性的指令,叫做ng-bind:

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

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

原因是,浏览器需要首先加载index.html页面,渲染它,然后AngularJS才能把它解析成你期望看到的内容。

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

上一篇:makefile基础实例讲解 分类: C/C++ 2015-03-16 10:11 66人阅读 评论(0) 收藏


下一篇:Antlr v4入门教程和实例