美文网首页
AngularJS展示数据的ng-bind指令和{{}}的区别

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

作者: 宁宁nn | 来源:发表于2016-12-16 12:57 被阅读0次

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

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

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

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

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

这两种方式的效果是一样的,主要的区别在于:

使用花括号语法的时候,在AngularJS使用数据模板中的花括号时,第一个加载的页面,通常是应用中的index.html,其未被渲染的模板可能会被用户看到

使用ng-bind的方法时就不会遇到这样的情况

遇到这种情况的原因是:

浏览器需要首先加载index.html页面,渲染他,然后AngularJS才能把它解析成你期望的内容。所以,对于Index.html页面的数据绑定操作,建议采用ng-bind。那么在数据加载完成之前用户就不会看到任何内容。

相关文章

网友评论

      本文标题:AngularJS展示数据的ng-bind指令和{{}}的区别

      本文链接:https://www.haomeiwen.com/subject/ksdnmttx.html