首页 > 代码库 > 4.AngularJS四大特征之二: 双向数据绑定

4.AngularJS四大特征之二: 双向数据绑定

AngularJS四大特征之二: 双向数据绑定

  (1)方向一:把Model数据绑定到View上——此后不论何时只要Model发生了改变,则View中的呈现会立即随之改变!实现方法:

{{ }}、ngBind、ngRepeat、ngIf、ngSrc、ngStyle...都实现了方向1的绑定。

(2)方向二:把View(表单控件)中修改绑定到Model上——此后不论任何时候,只要View中的数据一修改,Model中的数据会自动随之修改。实现方法:  只有ngModel指令

提示:可以使用$scope.$watch(‘模型变量名‘, fn)监视一个模型变量值的改变;单行文本输入域、多行文本输入域、下拉框、单选按钮控件默认会把自己的value属性值绑定到一个Model变量;复选框会把一个true/false值绑定到一个Model变量。

 

ng模块中提供的服务(service)

  (1)$rootScope:  用于在不同的控制器间共享数据

  (2)$interval:  提供周期性定时器服务

  (3)$timeout:  提供一次性定时器服务

  (4)$http: 发起异步的AJAX请求服务

4.AngularJS四大特征之二: 双向数据绑定