什么是Angular? 我們?yōu)槭裁匆獙W(xué)習(xí)它？

在我更新 Ionic 的時(shí)候有人問(wèn)我什么是 Angular，我們?yōu)槭裁匆獙W(xué)習(xí)它?。窟@個(gè)是我的疏忽了，在沒(méi)有告訴你們什么是 Angular 的時(shí)候就讓大家著手去學(xué)習(xí) Ionic 。那么今天就讓我們認(rèn)識(shí)一下什么是Angular ，我們又為什么要去學(xué)習(xí)它。

AngularJS 最初由Misko Hevery 和Adam Abrons于2009年開(kāi)發(fā)，后來(lái)成為了Google公司的項(xiàng)目。AngularJS彌補(bǔ)了HTML在構(gòu)建應(yīng)用方面的不足，其通過(guò)使用標(biāo)識(shí)符（directives）結(jié)構(gòu)，來(lái)擴(kuò)展Web應(yīng)用中的HTML詞匯，使開(kāi)發(fā)者可以使用HTML來(lái)聲明動(dòng)態(tài)內(nèi)容，從而使得Web開(kāi)發(fā)和測(cè)試工作變得更加容易。

Angularjs 版本簡(jiǎn)介

https://github.com/angular/angular.js/releases/

AngularJS功能：AngularJS 是專(zhuān)門(mén)為應(yīng)用程序設(shè)計(jì)的 HTML。

AngularJS 使得開(kāi)發(fā)現(xiàn)代的單一頁(yè)面應(yīng)用程序（SPAs：Single Page Applications）變得更加容易。

1  AngularJS 把應(yīng)用程序數(shù)據(jù)綁定到 HTML 元素。

2  AngularJS 可以克隆和重復(fù) HTML 元素。

3  AngularJS 可以隱藏和顯示 HTML 元素。

4 AngularJS 可以在 HTML 元素”背后”添加代碼。

5  AngularJS 支持輸入驗(yàn)證

Angularjs號(hào)稱(chēng) 下一代web應(yīng)用 主要特性如下：

1.MVC

2.模塊化與依賴(lài)注入

3.雙向數(shù)據(jù)綁定

4.指令與UI控件

1. MVC架構(gòu)

AngularJS使用MVC架構(gòu)來(lái)開(kāi)發(fā)Web應(yīng)用程序。要實(shí)現(xiàn)MVC，你只需拆分你的應(yīng)用程序，其余全部由AngularJS管理即可。 MVC架構(gòu)代表模型視圖控制器，其中：

• 模型負(fù)責(zé)維護(hù)數(shù)據(jù)

• 視圖負(fù)責(zé)顯示數(shù)據(jù)

• 控制器連接了模型和視圖

2. 指令

指令允許你更改HTML標(biāo)簽的具體操作。這是一項(xiàng)非常強(qiáng)大的功能，它允許你創(chuàng)建自定義標(biāo)簽。使用指令標(biāo)簽會(huì)告知編譯器在DOM元素中添加某些功能，甚至能夠?qū)ζ溥M(jìn)行改動(dòng)。AngularJS中還提供大量預(yù)置指令，你可以根據(jù)實(shí)際需要進(jìn)行選擇。

3. POJO

在AngularJS中使用的每一個(gè)對(duì)象都是POJO（傳統(tǒng)JavaScript對(duì)象），這就意味著你不需要額外的getter和setter函 數(shù)。POJO能夠?yàn)槟闾峁┯糜趯?duì)象操作的全部標(biāo)準(zhǔn)JavaScript函數(shù)。它能幫助你從對(duì)象中移除和添加屬性，并根據(jù)需要跳過(guò)某些對(duì)象。

4. 易于使用

AngularJS擁有豐富的功能集，它能通過(guò)降低代碼編寫(xiě)需求的方式使開(kāi)發(fā)過(guò)程變得更加輕松，它消除了我們?cè)趯?shí)現(xiàn)MVC架構(gòu)時(shí)面臨的種種難題。要 實(shí)現(xiàn)數(shù)據(jù)模型，你不需要寫(xiě)getter和setter函數(shù)了。此外，指令并不屬于應(yīng)用程序代碼的組成部分，因此其他并行開(kāi)發(fā)團(tuán)隊(duì)也可以對(duì)其加以管理。這一 切都最大程度降低了開(kāi)發(fā)工作對(duì)開(kāi)發(fā)人員的編程要求。

5. 通過(guò)依賴(lài)性注入進(jìn)行測(cè)試

沒(méi)有經(jīng)過(guò)嚴(yán)格測(cè)試的應(yīng)用程序是不完整的。事實(shí)上，測(cè)試確保交付項(xiàng)目中不存在錯(cuò)誤的重要方式。AngularJS在構(gòu)建過(guò)程中就已經(jīng)將測(cè)試納入其中 了。利用AngularJS創(chuàng)建應(yīng)用程序全面與依賴(lài)性注入相對(duì)接，你可以很輕松地將樣本數(shù)據(jù)注入到控制器中，從而檢測(cè)其輸出結(jié)果及操作方式是否符合預(yù)期。

6. 客戶(hù)端解決方案

AngularJS在客戶(hù)端起作用，但同時(shí)也能與桌面和移動(dòng)瀏覽器相兼容。AngularJS可用于創(chuàng)建任意項(xiàng)目，且不需要對(duì)后端做出任何修改，因 此我們可以利用它開(kāi)發(fā)任意應(yīng)用程序前端。此外，由于AngulaJS本身屬于客戶(hù)端且能運(yùn)行在任意支持JavaScript的瀏覽器之上，因此應(yīng)用程序部 署工作的實(shí)現(xiàn)難度也就變得更低。

7. 靈活的過(guò)濾器

過(guò)濾器會(huì)在顯示之前對(duì)數(shù)值進(jìn)行重新定義，例如改變數(shù)值的小數(shù)點(diǎn)位、將字符串轉(zhuǎn)換為大寫(xiě)等。這些過(guò)濾器與指令非常相似，而且能夠以獨(dú)立函數(shù)的方式起作用，只專(zhuān)門(mén)面向數(shù)據(jù)轉(zhuǎn)換方面的任務(wù)。你也可以根據(jù)自己的需求創(chuàng)建自定義的過(guò)濾器。

想要進(jìn)一步學(xué)習(xí)angular的點(diǎn)擊下載

==============================

更多案例以及資源下載請(qǐng)點(diǎn)擊：

http://www.aliyue.net/?s=angular

==============================