AngularJS 的設計思想與 jquery 完全不同,前者操作的是變量 $scope $http,後者操作的 DOM。

MVC 模式
Angular 遵循軟件工程的 M(數據)V(視圖)C(控制器)模式,並鼓勵展現，數據，和邏輯組件之間的鬆耦合.通過依賴注入（dependency injection），Angular 為客户端的 Web 應用帶來了傳統服務端的服務，例如獨立於視圖的控制。 因此，後端減少了許多負擔，產生了更輕的 Web 應用。

Model:數據,其實就是 angular 變量($scope.XX);

View: 數據的呈現,Html+Directive(指令);

Controller:操作數據,就是 function,數據的增刪改查;

雙向綁定
AngularJS 是建立在這樣的信念上的：即聲明式編程應該用於構建用户界面以及編寫軟件構建，而指令式編程非常適合來表示業務邏輯。框架採用並擴展了傳統 HTML，通過雙向的數據綁定來適應動態內容，雙向的數據綁定允許模型和視圖之間的自動同步。因此，AngularJS 使得對 DOM 的操作不再重要並提升了可測試性。這裏是區別於 Jquery 的，jq 操作的是 dom 對象，angularJS 操作的是變量。

依賴注入
依賴注入(Dependency Injection,簡稱 DI)是一種設計模式, 指某個對象依賴的其他對象無需手工創建，只需要“吼一嗓子”，則此對象在創建時，其依賴的對象由框架來自動創建並注入進來,其實就是最少知識法則;模塊中所有的 service 和 provider 兩類對象，都可以根據形參名稱實現 DI.控制器就是通過依賴注入的方式實現對服務的調用

模塊化設計
高內聚低耦合法則

高內聚：每個模塊的具體功能具體實現

低耦合：模塊之間儘可能的少用關聯和依賴

1)官方提供的模塊 ng(最核心)、ngRoute(路由)、ngAnimate（動畫）

2)用户自定義的模塊 angular.module('模塊名',[ ])

想了解更多精彩內容，快來關注尚硅谷！

關鍵詞：前端培訓