Angular中的ng-bind和ng-model区别
2017-06-23 18:06
573 查看
ng-bind是从$scope -> view的单向绑定,是用于展示数据的。
ng-model是$scope <-> view的双向绑定。
因为js是单线程,如果不使用ng-bind绑定元素会使得在代码还没运行到导入script那一步页面会先显示成{{name}}这种形式,为了避免这中问题出现我们可以使用ng-bind,代码中的第二条,这样就不会出现类似于于这样的情况,所以个人建议ng-bind在首页加载的时候使用,ng-model建议是首页以外的页面中使用。
ng-model是$scope <-> view的双向绑定。
<div ng-model="name">{{name}}</div> <div ng-bind="name"></div>
因为js是单线程,如果不使用ng-bind绑定元素会使得在代码还没运行到导入script那一步页面会先显示成{{name}}这种形式,为了避免这中问题出现我们可以使用ng-bind,代码中的第二条,这样就不会出现类似于于这样的情况,所以个人建议ng-bind在首页加载的时候使用,ng-model建议是首页以外的页面中使用。
相关文章推荐
- Angular中ng-bind和ng-model的区别实例详解
- angular中ng-bind和ng-model的区别
- angular-js的ng-bind与ng-model区别
- angular中ng-bind和ng-model的区别
- AngularJs中模块的依赖注入,ng-model、ng-bind和{{}}的区别,路由机制
- Angular Js入门之ng-bind和ng-model和{{}}的区别
- ng-bind 与ng-model区别
- ng-model和ng-bind区别
- ng-model、ng-bind、ng-value使用区别
- AngularJs中模块的依赖注入,ng-model、ng-bind和{{}}的区别,路由机制。
- ng-bind 与ng-model区别
- Angular - - ngList、ngRepeat、ngModelOptions
- AngularJS ng-model在ng-if里面无效
- angular学习日志05 显示文本 ng-bind
- Angular - - form.FormController、ngModel.NgModelController
- angular使directive让div contenteditable & ng-model生效
- Angular 学习系列 - - form.FormController、ngModel.NgModelController
- [Angular 2] ng-model and ng-for with Select and Option elements
- angular指令心得(ng-model)
- angular点滴,界面上ng-model绑定的值和scope中的值不一致