Angular 6 - 概述

Angular 有五個主要版本。第一個釋出的版本是 Angular 1，也稱為 AngularJS。Angular 1 之後是 Angular 2，與 Angular 1 相比，它帶來了很多變化。

Angular 的結構基於元件/服務架構。AngularJS 基於模型檢視控制器。Angular 6 於 2018 年 5 月釋出，被證明是一項重大突破，是 Angular 團隊在 Angular 5 之後釋出的最新版本。

Angular 6 與 Angular 5 幾乎相同。它與 Angular 5 向後相容。在 Angular 5 中開發的專案在 Angular 5 中可以毫無問題地執行。

現在讓我們看看 Angular 5 中的新功能和更改。

Angular 5 及其功能

Angular 5 於 2017 年 11 月釋出。根據其速度和大小的目標，它比 Angular 4 速度更快、體積更小。以下是 Angular 5 中引入的功能。

• HTTPClient API - 引入了 HTTPClient API 來棄用 HTTP 庫。HTTPClient API 比 HTTP 庫更快、更安全、更高效。

• 多個匯出別名 - 元件可以使用多個別名匯出，以簡化遷移過程。

• 數字、日期和貨幣的國際化管道 - 引入了新的管道以實現更好的標準化。

• Lambda 支援 - 可以使用具有正確名稱的 lambda 表示式代替函式。

• 構建最佳化器 - 引入了構建最佳化器。它優化了構建大小並提高了應用程式速度。Angular CLI 自動使用構建最佳化器。

• 改進的編譯器 - 從 Angular 5 開始的編譯器支援增量編譯，從而加快編譯速度。編譯器使用 TypeScript 轉換，這是從 TypeScript 2.3 開始提供的新功能。

現在讓我們看看新增到 Angular 6 中的新功能 -

• 更新的 Angular CLI，命令列介面 - 添加了新命令，例如 ng-update 用於從舊版本遷移到當前版本。ng-add 用於快速新增應用程式功能，使應用程式成為漸進式 Web 應用程式。

• 更新的 CDK，元件開發工具包 - 支援建立自定義 UI 元素，而無需 Angular Material 庫。支援響應式網頁設計佈局。支援覆蓋包以建立彈出視窗。

• 更新的 Angular Material - 添加了新的樹元件 mat-tree（樣式化版本）和 cdk-tree（非樣式化版本），用於表示樹狀的分層結構。

• 使用 RxJS，一個響應式 JS 庫

• Angular Element - 允許將 Angular 元件釋出為 Web 元件，然後可以在任何 HTML 頁面中使用。使用 Angular Element 包，可以輕鬆建立本機自定義元素。

• 多個驗證器 - 允許在表單構建器上應用多個驗證器。

• 服務上的樹形抖動 - 現在也可以在服務上應用樹形抖動以刪除死程式碼。