AngularJS四大特性

1.MVC模型

Model:模型,即業務數據,在前端應用中就是保存在特定範圍的JS變量;

(1)在angular應用中可以申明多個模塊(module)

(2)某個模塊依賴於其他模塊

(3)有一個模塊必須註冊給ngApp指令——啓動模塊

(4)一個模塊中可以申明多種組件,如:controller、directive、service、filter...

View:視圖,即業務數據在用戶面前的呈現,在前端應用中就是HTML;

Controller:控制器,負責業務數據的獲取、修改、刪除等,在前端應用中由function來當擔。

2. 雙向數據綁定

方向1:Model綁定到View,此後不論何時只要Model發生改變,View會自動立即同步更新。

方向2:View綁定到Model,把視圖中用戶可以修改的HTML元素——即表單控件的值綁定到一個Model變量上。此後不論何時只要用戶修改了表單控件的值,後臺模型變量的值會立即隨之改變。

實現方法:只有ngModel指令可以爲了監視到Model變量真的被改變了,可以使用$scope.$watch()函數對Model數據進行監視。

單行文本輸入域,ngModel可以把value屬性綁定到Model變量

複選框,ngModel可以把true/false值綁定到Model變量

單選框,ngModel可以把當前選中的單選框的value值綁定到Model變量

下拉框,ngModel可以把當前選中的option的value值綁定到Model變量

實現方法:{{}}、ngBind、ngIf、ngRepeat、ngShow、ngChecked...等等幾乎所有的顯示數據的指令都實現了方向1的綁定。

3. 依賴注入

4.模塊化設計——體現 “高聚合低耦合” 設計原則

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章