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

Posted 2023-03-05

参考技术A 在AngularJS中显示模型中的数据有两种方式：

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

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

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

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

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

遇到这种情况的原因是：

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