Angular 8 - 新特性？

Angular 社群不斷更新其版本。本章介紹 Angular 9 版本更新。

安裝 Angular 9

如果您想使用 Angular 9，首先需要使用以下命令設定 Angular 9 CLI

npm install -g @angular/cli@^9.0.0 

執行此命令後，可以使用以下命令檢查版本

ng version 

Angular 9 更新

讓我們簡要了解一下 Angular 9 的更新。

Ivy 編譯器

Ivy 編譯器成為 Angular 9 中的預設編譯器。這使得應用程式將更快且更高效。而 Angular 8 中 Ivy 是可選的。我們必須在 tsconfig.json 檔案中啟用它。

Ivy 編譯器支援以下功能

• 執行更快的測試 − TestBed 實現有助於更有效地進行測試。

• 改進的 CSS 類和樣式 − Ivy 樣式易於合併並設計為可預測的。

• 改進的型別檢查 − 此功能有助於在開發過程的早期發現錯誤。

• 增強的除錯 − Ivy 附帶更多工具以啟用更好的除錯功能。這將有助於顯示有用的堆疊跟蹤，以便我們可以輕鬆跳轉到指令。

• 提前編譯器 − 這是編譯器效能的重要改進之一。AOT 構建速度非常快。 改進的國際化 - i18n 替換有助於比以前版本快十倍以上地構建。

可靠的 ng update

ng 更新非常可靠。它包含清晰的進度更新並執行所有遷移。這可以使用以下命令完成

ng update --create-commits

這裡，

–create-commits 標誌用於在每次遷移後提交程式碼。

改進的依賴注入

@Injectable 服務有助於在您的應用程式中添加註入器。providedIn 元資料提供了一個新的選項 platform，以確保該物件可以被所有應用程式使用和共享。它定義如下

@Injectable({
   providedIn: 'platform'
}) 
class MyService {...} 

TypeScript 3.8

Angular 9 旨在支援 3.8 版本。TypeScript 3.8 為以下功能提供支援

• 僅型別匯入和匯出。
• ECMAScript 私有欄位。
• 頂級 await。
• JSDoc 屬性修飾符。
• export * as ns 語法。

Angular 9.0.0-next.5

Angular 9.0.0-next.5 構建的 main.js 檔案大小較小，與以前的 Angular 8 版本相比，效能更好。

IDE 增強

Angular 9 提供了改進的 IDE 支援。TextMate 語法為內聯和外部模板中的語法突出顯示提供了支援。

結論

Angular 是一個靈活的、不斷改進的、持續更新的和可靠的框架。Angular 極大地簡化了 SPA 開發的過程。透過在每個版本中提供新功能，例如 Angular Universal、漸進式 Web 應用程式、Web 工作人員、Bazel 構建、Ivy 編譯器 等，Angular 將擁有長久的生命週期並獲得前端開發人員的全面支援。