Angular - 新特性？

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 提供了更多工具來啟用更好的除錯功能。這將有助於顯示有用的堆疊跟蹤，以便我們更容易跳轉到指令。

• 提前編譯 (Ahead-of-Time) 編譯器：這是編譯器效能的一個重要改進。AOT 構建速度更快。

• 改進的國際化：i18n 替換比以前的版本快十倍以上。

可靠的 ng update

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

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 Workers、Bazel 構建、Ivy 編譯器等，Angular 將擁有長久的生命週期並獲得前端開發者的完全支援。