Angular 介紹

很久沒有寫博了,最近整理一下AngularJS的東東,和大家一步步的分享了一下O(∩_∩)O


AngularJS是一種動態的web應用設計的結構框架,這種方式可以擴展HTML語法,彌補在構建動態web應用時靜態文件的不足,從而在web應用使用動態內容。

AngularJS有五大核心特性

1、雙向的數據綁定。實現了把model與view完全的綁定在一起,model發生變化,view也變化。

2、模板。在AngularJS中,模板相當於HTML文件被瀏覽器解析到DOM中。

3、MVVM。吸收了傳統的MVC設計模式,並不執行實際意義上的MVC,接近於MVVM(Model-View-ViewModel)模型-視圖-視圖模型組成.實現UI邏輯、呈現邏輯和狀態控制、數據與業務的分離。

Model將和ViewModel互動(通過$scope對象)監聽model的變化,這些可以通過View來發送和渲染,最終由HTML展示。view可以通過$routeProvier對象來支配。

Model與MVC模式一樣,用於封裝與應用程序的業務邏輯相關的數據以及對數據的處理方法。它具有對數據直接訪問的權利,不依賴於 View 和 Viewmodel。模型不關心會被如何顯示或者如何操作,模型也不能包含任何用戶使用的與界面相關的邏輯。


               

Viewmodel是一個用來提供特別數據和方法從而維護置頂view對象。viewmodel是$scope的對象,只存在於AngularJS應用中。$scope只是一個簡單的JS對象,這個對象使用簡單的API來偵測和廣播狀態的變化。


               

Controller負責設置初始狀態和參數$scope方法泳衣控制行爲。需要之處的controller 並不保存狀態也不和遠程服務互動。


               

View是AngularJS解析後渲染和綁定之後生成的HTML。

MVVM的好處:

1、低耦合

2、可重用性

3、獨立開發

4、可測試性

4、依賴注入。AngularJS擁有內建的依賴注入子系統,更方便開發和測試。

5、指令。是AngularJS神奇的地方地方之一。可以用來創建自定義標籤,也可以用來裝飾元素或者操作DOM屬性。

AngularJS有一套完整的、可擴展的、幫組web應用開發的指令集,它可以使HTML可以轉變爲“特定領域語言(DSL)”。新屬性來擴展HTML,必須帶有前綴ng-,可以調用方法、定義行爲、綁定Controller 以及 $scope對象、操作DOM等等

AngularJS常用的指令:ng-app、ng-init、ng-model、ng-bind、ng-repeat、ng-controller、ng-click、ng-hide、ng-repeat...


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