隨著需求的變化和開(kāi)發(fā)人員構(gòu)建更好的軟件版本，支持互聯(lián)網(wǎng)的技術(shù)往往會(huì)快速變化、進(jìn)步和發(fā)展。Angular就是一個(gè)很好的例子，在短短幾年內(nèi)就發(fā)生了巨大的變化。想學(xué)習(xí)Angular的同學(xué)可以參加Web前端培訓(xùn)，有系統(tǒng)全面的課程，還有經(jīng)驗(yàn)豐富的專業(yè)講師指導(dǎo)教學(xué)，可以快速掌握前端知識(shí)和技能，節(jié)省很多學(xué)習(xí)時(shí)間，少走彎路。

　　谷歌于2009年開(kāi)發(fā)了AngularJS，并于2012年發(fā)布了1.0版。Angular自此主導(dǎo)了開(kāi)源JavaScript框架的世界，得到了企業(yè)和個(gè)人的熱情支持和廣泛采用。因此，Angular在短短五年內(nèi)從AngularJS 1.0版發(fā)展到了Angular-2.0版，現(xiàn)在又發(fā)展到了最新的Angulars 4.0版。

　　盡管升級(jí)帶來(lái)了潛在的好處，但Angular社區(qū)中的一些人仍然擔(dān)心遷移到新版本。繼續(xù)閱讀，了解Angular發(fā)生了哪些變化，以及為什么遷移到最新版本是個(gè)好主意。

　　什么是Angular?

　　Angular是一個(gè)用TypeScript編寫(xiě)的開(kāi)源JavaScript框架。Google維護(hù)它，并為開(kāi)發(fā)者提供一個(gè)標(biāo)準(zhǔn)結(jié)構(gòu)。Angular使用HTML語(yǔ)法來(lái)清晰地定義程序的組件。它使開(kāi)發(fā)人員能夠以可維護(hù)的方式構(gòu)建大型應(yīng)用程序。

　　Angular版本的類型

　　Angular

　　是一個(gè)開(kāi)源的、基于JavaScript的前端web應(yīng)用程序框架，用于動(dòng)態(tài)web應(yīng)用程序開(kāi)發(fā)。它利用HTML作為模板語(yǔ)言。通過(guò)使用指令擴(kuò)展HTML屬性和使用表達(dá)式將數(shù)據(jù)綁定到HTML，AngularJS創(chuàng)建了一個(gè)可讀、極具表現(xiàn)力和快速開(kāi)發(fā)的環(huán)境。如果想要盡快學(xué)到Angular的知識(shí)，建議去Web前端培訓(xùn)學(xué)習(xí)，有大神老師帶你，學(xué)起來(lái)又輕松又有效。

　　Angular 2

　　是指AngularJS之后的Angular 2、Angular-4和所有其他版本的總稱。Angular 2和4都是開(kāi)源的、基于TypeScript的前端web應(yīng)用程序平臺(tái)。

　　Angular 4

　　是Angular的最新版本。雖然Angular 2是對(duì)AngularJS的完全改寫(xiě)，但Angular 2和Angular 4之間沒(méi)有重大區(qū)別。Angular 4只是一種改進(jìn)，與Angulars 2向后兼容。

　　Angular Js和Angular版本之間的差異

　　下面是AngularJS與Angular的比較，因?yàn)锳ngular包括版本2和版本4。我們比較了架構(gòu)、語(yǔ)言、表達(dá)式語(yǔ)法、移動(dòng)支持和路由。

　　

　　1.架構(gòu)

　　AngularJS

　　AngularJS的架構(gòu)基于模型-視圖-控制器(MVC)設(shè)計(jì)。模型是表示應(yīng)用程序行為并管理其數(shù)據(jù)、邏輯和規(guī)則的中心組件。視圖根據(jù)模型中的信息生成輸出。控制器接受輸入，將其轉(zhuǎn)換為命令，并將命令發(fā)送到模型和視圖。想學(xué)習(xí)更多Angular開(kāi)發(fā)工具，不妨考慮參加Web前端培訓(xùn)，可以在短時(shí)間獲得快速提升，有效提高前端開(kāi)發(fā)工作效率。

　　Angular

　　Angular使用組件和指令，組件是帶有模板的指令。

　　Angular 2

　　在Angular 2中，控制器和$scope被組件和指令取代。組件是帶有模板的指令，它們處理頁(yè)面上應(yīng)用程序和邏輯的視圖。Angular 2中有兩種指令，它們是通過(guò)刪除和替換DOM元素來(lái)改變DOM布局的結(jié)構(gòu)指令，以及改變DOM元素行為或外觀的屬性指令。

　　在Angular 4中，結(jié)構(gòu)導(dǎo)數(shù)ngIf和ngFor得到了改進(jìn)，你可以在模板中使用if/else設(shè)計(jì)語(yǔ)法。

　　2.語(yǔ)言

　　AngularJS

　　AngularJS是用JavaScript寫(xiě)的。

　　Angular版本

　　Angular使用微軟的TypeScript語(yǔ)言，這是JavaScript的超集。這有類型聲明的優(yōu)點(diǎn)，也有ES6的好處，比如迭代器和lambdas

　　Angular 4與最新版本的TypeScript兼容，后者具有強(qiáng)大的類型檢查和面向?qū)ο蠊δ堋Ｔ赪eb前端培訓(xùn)中，不僅有理論知識(shí)的課程，也會(huì)有實(shí)操項(xiàng)目的訓(xùn)練，讓你深入淺出地學(xué)習(xí)前端技術(shù)，彌補(bǔ)項(xiàng)目經(jīng)驗(yàn)的空缺。

　　3.表達(dá)式語(yǔ)法

　　AngularJS

　　要用AngularJS綁定圖像/屬性或事件，必須記住正確的ng指令。

　　Angular版本

　　Angular側(cè)重于“()”進(jìn)行事件綁定，“[ ]”進(jìn)行屬性綁定。

　　

　　4.移動(dòng)支持

　　AngularJS不是為移動(dòng)支持而設(shè)計(jì)的，但Angular、Angular 2和Angular 4具有移動(dòng)支持功能。

　　5.按指定路線發(fā)送

　　AngularJS使用$routeprovider.when()來(lái)配置路由，而Angular使用@RouteConfig{(…)}。

　　6.表演

　　AngularJS最初是為設(shè)計(jì)師開(kāi)發(fā)的，而不是開(kāi)發(fā)人員。盡管它的設(shè)計(jì)有一些進(jìn)化性的改進(jìn)，但它們不足以滿足開(kāi)發(fā)者的需求。后來(lái)的版本Angular 2和Angular 4已經(jīng)過(guò)升級(jí)，提供了性能的全面改進(jìn)，尤其是在速度和依賴注入方面。想學(xué)習(xí)這個(gè)框架的小伙伴，建議報(bào)名參加web前端培訓(xùn)，有系統(tǒng)全面的課程和實(shí)戰(zhàn)項(xiàng)目一起學(xué)習(xí)，很快就能掌握這個(gè)框架的使用方法和技巧。

　　速度

　　通過(guò)提供雙向綁定等功能，AngularJS減少了開(kāi)發(fā)工作量和時(shí)間。然而，通過(guò)在客戶端創(chuàng)建更多的處理，頁(yè)面加載花費(fèi)了相當(dāng)多的時(shí)間。Angular2提供了一個(gè)更好的結(jié)構(gòu)來(lái)更容易地創(chuàng)建和維護(hù)大型應(yīng)用程序，以及一個(gè)更好的變化檢測(cè)機(jī)制。Angular 4是目前最快的版本。

　　依賴注入

　　Angular實(shí)現(xiàn)了單向的基于樹(shù)的變化檢測(cè)，并使用了分層依賴注入系統(tǒng)。這大大提高了框架的性能。

　　結(jié)論

　　顯然，AngularJS仍然有用，否則現(xiàn)在每個(gè)人都已經(jīng)遷移到Angular 2或4了。Angular的每個(gè)版本都有很大的好處，但是使用最新版本會(huì)有很大的收獲。Angular無(wú)疑比AngularJS更快，有一個(gè)移動(dòng)驅(qū)動(dòng)的方法，更好地執(zhí)行組件，并支持從早期版本的平滑遷移。如果你對(duì)Angular的一個(gè)版本感到滿意，那么切換到另一個(gè)版本對(duì)你來(lái)說(shuō)應(yīng)該很容易——而且非常值得。對(duì)于很多前端初學(xué)者來(lái)說(shuō)，參加web前端培訓(xùn)是一個(gè)有效的學(xué)習(xí)方法，這里有明確清晰的學(xué)習(xí)路線和系統(tǒng)全面的課程，非常適合初學(xué)者。