查看Angular 6中引入的一些最新功能的介紹，以及它們如何改進Angular 5。

呼喚所有的憤怒！Angular 6已經出來，這是Team Angular的一個主要版本。

偉大的新功能，惱人的錯誤修復等等，最新的Angular版本為我們帶來了令人興奮的新事物。我們來做一個關於Angular 6的簡單介紹，看看它是否適合炒作，而我們這樣做的同時，我還想比較Angular 5和6，看看這個最新版本有什麼區別和升級。

我也做了一篇關於Angular 4 vs 2的文章。如果您想深入瞭解Angular多年來的演變過程，請務必檢查一下。

Angular是製作網頁和移動應用程序最流行的JS框架之一。在一個單句中，Angular是一個單一的移動和桌面框架。

截至今天，約有450,000人每月搜索“Angular”這個詞。想象一下有多少人使用它。

鑑於谷歌積極維護Angular的事實，工具和支持是例外。最新的Angular版本在其前身發佈的六個月內發佈，但比Angular開發人員社區期待的時間晚了一點。

回顧一下，我們先來看看Angular版本5為我們提供了什麼。

Angular 5

2017年11月1日，Angular 5亮相。憑藉速度和體積更小的承諾，它給了我們以下功能。

HttpClient

從4.3版本中最大的預期變化之一是能夠告別Http庫。

相反，他們推出了HttpClient API，它比其前身更快，更安全，更高效。雖然這個API帶有4.3版本的更新，但是從Angular 5開始，Http庫被折舊了。

HTTPCLIENT API的一些很大的好處

• 響應正文訪問包括對JSON類型的支持，並且是鍵入同步的。
• JSON成為默認設置，不再需要明確解析。
• 通過使用攔截器，您可以使用中間件邏輯並將其插入管道中。
• 請求/響應對象是不可變的。
• 請求上傳和響應下載可以利用進度事件。

多個導出別名

在之前的版本中，當您導出組件時，您只能給它們一個名稱。使用Angular 5，您可以在導出組件和指令時為其指定多個名稱。

這有幫助嗎？

通過導出具有多個名稱的組件，可以在不中斷對這些組件的更改的情況下進行遷移。

國際化號碼，日期和貨幣管道

Angular 5引入了用於處理數字，日期和貨幣的新管道。這增加了跨瀏覽器的國際化過程的標準化，並且消除了使用polyfill來實現這一結果的需要。

改進的裝飾者支持

隨著Angular 5的發佈降低了lambdas裝飾器的表達能力。你也可以使用lambdas而不是使用正確名稱的函數。

構建優化

關於Angular 5的我最喜歡的一件事是Build Optimizer。這可能是Angular 5速度快並且尺寸較小的主要原因。

顧名思義，您可以通過大小和速度獲得應用程序的優化版本。

首先，提醒一下，使用Angular CLI製作的Angular 5製作版本默認進行了優化。

現在，Build Optimization所做的就是在運行時使用樹搖技術從應用程序中刪除“死”代碼，因此當時只使用處理代碼。這反過來又減少了構建大小並提高了應用加載速度。

編譯器改進

編譯器調整是Angular 5速度的另一個增強。在Angular 5中，編譯器支持增量編譯。這為應用程序的重新構建提供了更快速的構建，尤其是對於具有AOT（前期）的生產構建和編譯。

另外，編譯器使用TypeScript變換，這是一個作為TypeScript 2.3一部分引入的新功能。

這些是Angular版本5的一些亮點。鑑於此，我們來看看Angular 6帶給我們的東西。

Angular 6

2018年5月4日發佈了Angular 6，這是其前身（Angular 5）發佈後的6個月。Angular 6的亮點包括Angular命令行界面（CLI），組件開發套件（CDK）和Angular材料套件更新。頂部的櫻桃，所有三個都作為Angular 6的一部分發貨，而不是單獨更新。

讓我們首先了解Angular 6使用RXJS庫，以便為web進行反應式編程而深入細節！

接下來，這個版本的發佈更側重於工具和支持，而不是整個框架。

Angular 材料設計庫

現在，Angular Material Design Package和Component Dev Kit中添加了一個新的Tree組件。它允許您以更多層次的順序可視化樹結構，例如文件列表。這些新的樹組件分別以風格和非風格版本（材質的墊木）和（CDK的cdk-tree）進行分類。

有Angular元素

記住元素包？Angular 6現在完全支持它。它所做的就是讓我們在Angular之外使用Angular組件，就像在JQuery或VueJS應用程序中一樣。

該軟件包主要側重於利用所有現代Web瀏覽器（Edge除外）支持的Web組件的優勢。使用元素包，您可以創建Angular組件並將其作為Web組件發佈，然後可以在任何HTML頁面中使用它們。

將組件轉換為自定義元素可為您為Angular應用程序創建動態HTML內容提供一條簡單的途徑，而使用Angular Elements包，創建本地自定義元素甚至更容易。

組件開發工具包（CDK）

CDK於2017年12月發佈，但Angular Team在第六版中對它進行了一些非常簡潔的改進。

使用CDK，您現在可以構建自己的UI組件庫，而無需使用Angular Material庫。它還支持響應式Web設計佈局，因此您不必使用Flex佈局等其他庫，甚至不需要使用CSS網格學習。它涵蓋了所有。

CDK的另一個重大改進包括@ angular / cdk / overlay軟件包。這個有一個新的定位邏輯，讓你的彈出窗口非常出色。

命令行界面（CLI）

該Angular命令行界面，現在配備了新的命令，比如 ，它 更新的依賴和代碼，以及 ，這有助於快速添加應用程序的功能，同時還支持車削應用為逐行Web應用程序。

ng-update

ng-add

除了這些新命令外，新的CLI還允許開發人員使用Bazel工具選擇ng-package來轉儲不同的庫。如果沒有Bazel工具，您將不得不親自構建和打包庫並相信我，Bazel工具是天賜良機！

改進的服務工作者

您可以使用Angular 6中改進的服務工作人員配置導航URL。

Web Pack已更新

網絡包模塊捆綁器已更新至版本4。通過使用範圍託管技術，創建的模塊現在變得更小。

Tree Shakable服務

您也可以在服務上應用樹抖動。那有多棒！

您的表單有多個驗證器

那些不得不在你的Formbuilders中傳遞多個驗證器的人中，你的祈禱已經得到了回答，因為Angular 6現在允許你將多個驗證器傳遞給formBuilder。

快樂驗證！

結論

Angular 6的所有榮耀都要求您自己進行測試，以充分實現新的調整和功能。有些功能點擊更多的開發人員。對我來說，這些是我解決的難題。你最新的Angular版本6的回答是什麼？讓我知道在評論中。