文章标题

angularJs 中的数据绑定

AngularJS 是以数据做为驱动的MVC框架，所有模型MOdel里面的数据经由控制器Controller展示到视图View中。
所谓数据绑定指的就是将模型Model中的数据与相应的视图View进行关联，分为单向绑定和双向绑定两种方式。

单向数据绑定

单向数据绑定是指将模型Model数据，按照写好的视图View模板生成html标签，然后追加到DOM显示，如之前所学的artTemplate模板引擎的工作方式。只能模型Model数据向视图view传递。

双向绑定

双向绑定则可以实现模型Model数据和视图view模板的双向传递

数据绑定的相关指令

在angularJS中通过“{{}}”和ng-bind指令来实现模型Model数据向视图模板view的绑定，模型数据通过一个内置服务scope来提供，这个scope是一个空对象，通过为这个对象添加属性或者方法便可以在相应的视图view模板里被访问。
注：‘{{}}’是ng-bind的简写形式，其区别在于通过”{{}}”绑定数据时会有“闪烁”现象，添加ng-cloak也可以解决”闪烁“现象，通过ng-bind-template可以绑定多个数据。
通过为表单元素添加ng-model指令实现视图view模板向模型Model数据绑定。
通过ng-init可以初始化模型Model也就是$scope。
AngularJS对事件也进行了扩展，无需显式的获取DOM元素便可以添加事件，易用性变得更强。通过在原有事件名称基础上添加ng-做为前缀，然后以属性的形式添加到相应的html标签上即可。如ng-click,ng-dblclick,ng-blur等。
通过ng-repeat可以将数组或对象数据迭代到视图模板中，ng-switch,on ,ng-switch-when可以对数据进行筛选。