{{}},ng-bind和ng-model的区别

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了{{}},ng-bind和ng-model的区别相关的知识,希望对你有一定的参考价值。

ng-bind 与ng-model区别

<input ng-model="object.xxx">

<span ng-bind="object.xxx"></span>


ng-bind是从$scope -> view的单向绑定也就是说ng-bind是相当于{{object.xxx}},是用于展示数据的。
ng-modle是$scope <-> view的双向绑定

ng-bind 与{{}}区别

其实ng-bind和{{}},没有啥区别,只是二者使用的情景不是很一样,一般情况下,建议ng-bind在首页加载的时候使用,{{}}建议是首页以外的页面使用(最后在非必须的时候全部使用ng-bind),因为双括号{{}}在加载的时候,若网速不好或者首页还未加载angular库时,其会显示出来,这样用户在使用时,会感觉页面不是特别美观,既然存在这个问题,以后在写的时候,还是注意点.

 

以上是关于{{}},ng-bind和ng-model的区别的主要内容,如果未能解决你的问题,请参考以下文章

angularjs的数据双向绑定怎么实现的?

AngularJS 的数据绑定

再谈angularJS数据绑定机制及背后原理—angularJS常见问题总结

再谈angularJS数据绑定机制及背后原理—angularJS常见问题总结

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

数据绑定指令