AngularJS社區(qū)宣布了Angular 2的beta版。RESTAPI開(kāi)發(fā)社區(qū)密切關(guān)注了這些變化。Angular是API開(kāi)發(fā)人員向API添加前端的最受歡迎的框架之一。

Angular 2的方法是更好的概念，更少的代碼。為了實(shí)現(xiàn)這一點(diǎn)，該框架利用了基于組件的方法。關(guān)聯(lián)的HTML模板中的語(yǔ)法已得到發(fā)展。盡管Angular 1用戶(hù)將認(rèn)識(shí)到一些概念，但是在實(shí)現(xiàn)上有許多改進(jìn)。

基礎(chǔ)

• 零件 

在Angular 2中，不再有控制器或合并范圍。Angular 2提供了組件驅(qū)動(dòng)的體系結(jié)構(gòu)，而核心元素顯然是組件。組件包含狀態(tài)和處理，接受參數(shù)并可以觸發(fā)事件。組件可以在其他組件中使用，并且可以對(duì)其他組件事件做出反應(yīng)。

• 模板語(yǔ)法 

模板語(yǔ)法已發(fā)展為更有效地使用。確保您找到了一種使用綁定（簡(jiǎn)單或雙向）綁定的方法，以對(duì)組件事件進(jìn)行一些處理并利用結(jié)構(gòu)和屬性指令。還提供了一些快捷方式來(lái)簡(jiǎn)化此級(jí)別的代碼，例如雙向綁定和循環(huán)。

• 新變化檢測(cè)

Angular完全更新了檢測(cè)更改并處理更改的方式。現(xiàn)在，檢測(cè)基于ZoneJS庫(kù)，該庫(kù)可以攔截瀏覽器中的所有異步API。由于Angular 2應(yīng)用程序是反應(yīng)系統(tǒng)，因此更改檢測(cè)系統(tǒng)會(huì)將綁定從根組件傳播到子組件。

默認(rèn)情況下，變更檢測(cè)系統(tǒng)以可預(yù)測(cè)的方式遍歷整個(gè)組件樹(shù)。這樣可以具有良好的性能。此外，您還可以針對(duì)特定用例添加一些優(yōu)化。例如，如果您使用不可變的對(duì)象或可觀(guān)察對(duì)象，則可以利用它們并僅在它們真正改變時(shí)檢查組件樹(shù)的各個(gè)部分。

可觀(guān)察的

Angular 2現(xiàn)在基于可觀(guān)察對(duì)象。與承諾相比，對(duì)于新的Angular 2開(kāi)發(fā)人員來(lái)說(shuō)，他們的意見(jiàn)還不清楚。他們都試圖解決異步問(wèn)題，并避免回調(diào)地獄。當(dāng)它們具有相似的語(yǔ)義時(shí)，可觀(guān)察的功能就強(qiáng)大得多。它們?cè)试S接收多個(gè)值，可以被取消，并且可以利用運(yùn)算符來(lái)轉(zhuǎn)換和組合可觀(guān)察值。

現(xiàn)在，Observable對(duì)應(yīng)于Angular 2中若干功能的基礎(chǔ)。它們參與了組件和HTTP的更改檢測(cè)和事件支持。

管道

管道與Angular 1中所謂的過(guò)濾器相對(duì)應(yīng)。管道可轉(zhuǎn)換模板中顯示的值。在HTTP調(diào)用的上下文中，此功能允許優(yōu)雅地處理異步調(diào)用并相應(yīng)地更新組件視圖。它還允許開(kāi)發(fā)人員以更友好的方式構(gòu)建查詢(xún)。

HTTP支持

HTTP支持依賴(lài)于可觀(guān)察對(duì)象。主要結(jié)果是能夠輕松將HTTP調(diào)用插入組件的整個(gè)處理過(guò)程。我們可以輕松地對(duì)數(shù)據(jù)進(jìn)行一些轉(zhuǎn)換，以發(fā)送請(qǐng)求或響應(yīng)中的數(shù)據(jù)。重試等更高級(jí)的處理程序，只需幾行代碼即可輕松處理錯(cuò)誤。

表格支持

表單支持基于一組指令，這些指令允許在組件屬性上指定雙向綁定，但也可以訪(fǎng)問(wèn)表單和字段狀態(tài)。基于模板中的新語(yǔ)法，我們可以高效，輕松地進(jìn)行驗(yàn)證。

另一個(gè)有趣的方面是，狀態(tài)依賴(lài)于可觀(guān)察的事物。因此，我們可以檢查更新并插入一些處理程序，例如HTTP，以實(shí)現(xiàn)自動(dòng)完成或異步驗(yàn)證。始終通過(guò)附加事件處理（表單提交或單擊）來(lái)支持表單數(shù)據(jù)提交或處理。

結(jié)論

Angular 2為開(kāi)發(fā)人員提供了重大改進(jìn)。由于概念與Angular 1顯著不同，因此開(kāi)發(fā)人員可能不愿意進(jìn)行更改?；ㄙM(fèi)時(shí)間來(lái)學(xué)習(xí)Angular 2的新想法和結(jié)構(gòu)將是值得的。