獨立組件通過減少對ngmodule的需求，有望簡化Angular應用的開發。

介紹

Angular 14是谷歌開發的、基于typescript的web應用框架的最新版本，它以輸入表單和獨立組件的開發者預覽版為特色。

其特性包括：

• 一個基于組件的框架，用于構建可伸縮的 Web 應用
• 一組完美集成的庫，涵蓋各種功能，包括路由、表單管理、客戶端-服務器通信等
• 一套開發工具，可幫助你開發、構建、測試和更新代碼

獨立組件減少了對ngmodule的需求，從而簡化了Angular應用的開發。使用獨立組件、指令和管道時，standalone: true標志允許開發者直接在@component()中添加導入，而不用使用@NgModule()。這些組件應該只用于探索和開發，因為它們不是一個穩定的API，而且可能會在Angular典型的向后兼容性模型之外發生變化。

在6月2日發布的Angular 14中，響應式表單是嚴格默認鍵入的。類型化表單確保了表單控件、組和數組內部的值在整個API上是類型安全的，從而支持更安全的表單，特別是對于深度嵌套的復雜情況。更新原理圖允許增量遷移到類型化表單。開發人員可以逐漸將類型添加到現有表單中，實現完全的向后兼容性。此外，ng udpate將用無類型版本替換所有表單類，允許開發人員按照自己的節奏啟用類型。

Angular 14中的其他新特性和改進包括:

• 支持最新的TypeScript 4.7版本。Angular 14默認目標是ES2020，允許CLI發布更小的代碼，而不需要下調級別。
• 受保護的組件成員可以直接從模板進行綁定。這讓用戶對可重用組件的公共API有了更多的控制。
• NgModel的變化反映在OnPush組件的UI中。
• 可選注入器可以在創建內嵌視圖時使用。注入器允許在特定的模板中定制依賴注入行為。在Angular CDK(組件開發工具包)中，為可重用組件和組件原語啟用了更干凈的api。
• 介紹了一個實驗性的基于esbuild的ng構建系統，編譯成純ECMAScript模塊輸出。
• 為HarnessLoader提供了新的方法來檢查是否存在線束，如果存在則返回線束實例。
• angular.io上新增了更改檢測和運行時優化指南。

更多資訊內容請查看該鏈接：www.infoworld.com/article/366…

轉載于：Angular 14帶來了類型化表單和獨立組件 - 掘金 (juejin.cn)