標籤:
在我更新 Ionic 的時候有人問我什麼是 Angular,我們為什麼要學習它啊?這個是我的疏忽了,在沒有告訴你們什麼是 Angular 的時候就讓大家著手去學習 Ionic 。那麼今天就讓我們認識一下什麼是Angular ,我們又為什麼要去學習它。
AngularJS 最初由Misko Hevery 和Adam Abrons於2009年開發,後來成為了Google公司的項目。AngularJS彌補了HTML在構建應用方面的不足,其通過使用標識符(directives)結構,來擴充Web應用中的HTML詞彙,使開發人員可以使用HTML來聲明動態內容,從而使得Web開發與測試工作變得更加容易。
Angularjs 版本簡介
https://github.com/angular/angular.js/releases/
AngularJS功能:AngularJS 是專門為應用程式設計的 HTML。
AngularJS 使得開發現代的單一頁面應用程式(SPAs:Single Page Applications)變得更加容易。
1 AngularJS 把應用程式資料綁定到 HTML 元素。
2 AngularJS 可以複製和重複 HTML 元素。
3 AngularJS 可以隱藏和顯示 HTML 元素。
4 AngularJS 可以在 HTML 元素”背後”添加代碼。
5 AngularJS 支援輸入驗證
Angularjs號稱 下一代web應用 主要特性如下:
1.MVC
2.模組化與依賴注入
3.雙向資料繫結
4.指令與UI控制項
1. MVC架構
AngularJS使用MVC架構來開發Web應用程式。要實現MVC,你只需拆分你的應用程式,其餘全部由AngularJS管理即可。 MVC架構代表模型視圖控制器,其中:
- 模型負責維護資料
- 視圖負責顯示資料
- 控制器串連了模型和視圖
2. 指令
指令允許你更改HTML標籤的具體操作。這是一項非常強大的功能,它允許你建立自訂標籤。使用指令標籤會告知編譯器在DOM元素中添加某些功能,甚至能夠對其進行改動。AngularJS中還提供大量預置指令,你可以根據實際需要進行選擇。
3. POJO
在AngularJS中使用的每一個對象都是POJO(傳統JavaScript對象),這就意味著你不需要額外的getter和setter函 數。POJO能夠為你提供用於對象操作的全部標準JavaScript函數。它能協助你從對象中移除和添加屬性,並根據需要跳過某些對象。
4. 便於使用
AngularJS擁有豐富的功能集,它能通過降低代碼編寫需求的方式使開發過程變得更加輕鬆,它消除了我們在實現MVC架構時面臨的種種難題。要 實現資料模型,你不需要寫getter和setter函數了。此外,指令並不屬於應用程式代碼的組成部分,因此其他並行Team Dev也可以對其加以管理。這一 切都最大程度降低了開發工作對開發人員的編程要求。
5. 通過依賴性注入進行測試
沒有經過嚴格測試的應用程式是不完整的。事實上,測試確保交付項目中不存在錯誤的重要方式。AngularJS在構建過程中就已經將測試納入其中 了。利用AngularJS建立應用程式全面與依賴性注入相對接,你可以很輕鬆地將樣本資料注入到控制器中,從而檢測其輸出結果及操作方式是否符合預期。
6. 用戶端解決方案
AngularJS在用戶端起作用,但同時也能與案頭和行動瀏覽器相相容。AngularJS可用於建立任意項目,且不需要對後端做出任何修改,因 此我們可以利用它開發任意應用程式前端。此外,由於AngulaJS本身屬於用戶端且能運行在任意支援JavaScript的瀏覽器之上,因此應用程式部 署工作的實現難度也就變得更低。
7. 靈活的過濾器
過濾器會在顯示之前對數值進行重新定義,例如改變數值的小數點位、將字串轉換為大寫等。這些過濾器與指令非常相似,而且能夠以獨立函數的方式起作用,只專門面向資料轉換方面的任務。你也可以根據自己的需求建立自訂的過濾器。
想要進一步學習angular的點擊 更多資源
什麼是Angular? 我們為什麼要學習它?