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.模塊化設計——體現 “高聚合低耦合” 設計原則