1. 程式人生 > >4.AngularJS四大特征之二: 雙向數據綁定

4.AngularJS四大特征之二: 雙向數據綁定

sco font int out grep 模型 多行文本 pan oot

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四大特征之二: 雙向數據綁定