Angular 獨立元件、訊號等方面的新增功能！

Angular 19 有什麼新功能？

Angular 繼續快速發展（每 6 個月就有新的主要版本）。現在，Angular 19 已於 2024 年 11 月發布，其中包含可提升開發人員體驗和應用程式效能的強大功能。從改善水合作用到增強訊號。讓我們深入了解 Angular 19 發表會的亮點。

1.獨立組件現在是預設的

我們第一次遇到獨立組件是在 Angular 14 中，此後的每個版本都得到了改進。在 Angular 19 中，所有元件、指令和管道現在預設都是獨立的，無需明確設定standalone: true。
此外，更新是無縫的，ng update 指令會自動重構現有程式碼庫，確保平穩無憂的過渡。

2.訊號：反應性增強

在 Angular 16 中，我們第一次見到 Angular Signals，我們一見鍾情，他們繼續重塑 Angular 的反應系統。在Angular 19 中，一些基於訊號的API 已提升到穩定狀態，包括input()、output()、model()、viewChild()、viewChildren()、contentChild、contentChildren()、takeUntilDestroyed()、outputFromObservable() ，和outputToObservable()。
此外，Jeremy Elbourne 引入了兩個新的實驗性 Signal API：

A. 連結訊號

• 啟用連結到計算表達式的本地狀態。
• 提供初始值。
• 當表達式改變時自動恢復為計算值。

B. 資源API

• 簡化了伺服器資料等非同步值的處理。
• 與 Angular 的反應系統無縫整合。
• 提供請求結果和狀態作為訊號。

為了讓轉換毫不費力，ng g @angular/core:signal-input-migration、ng g @angular/core:signal-queries-migration 和ng g @angular/core:output-migration 等指令可以自動執行程式碼輕鬆重構。 Angular Signals 確實感覺像是開發者的天作之合。

3. Angular Material：更簡單的主題與新組件

Angular Material 隨著每個版本的發布而不斷發展，Angular 19 也不例外，此更新引入了兩個關鍵領域的增強功能：

新主題 API

• 使用 mat.theme API 以更少的程式碼行簡化自訂主題。
• 使用新的原理圖工具產生自訂調色板，現在支援擴充的 12 色調色板。

新組件與功能

• 2D 拖放： 現在支援水平重新排序，以實現更大的靈活性。
• 時間選擇器組件：期待已久的添加。
• 改進的主題文件：初學者友好的指南和詳細的組件特定說明。

4.增量補水：改變遊戲規則的表現特性

水合是Angular 最好的功能之一，在過去的幾個版本中不斷發展，具有諸如完整應用程式水合、延遲視圖和事件重播等創新。在此基礎上，Jessica Janiuk 引入了 Angular 19 中最令人興奮的新增功能之一增量水合作用，現已在開發者預覽版中提供。

如何運作

• 伺服器呈現實際內容而不是佔位符。
• 在客戶端上，內容在觸發之前保持脫水狀態（例如，透過互動或進入視口）。

好處

• 初始載入時間更快。
• 更小的 JavaScript 套件。
• 減少佈局變化和閃爍，提供更流暢的使用者體驗。

結論

現在就這些了！感謝您花時間閱讀我的文章，我很想聽聽您的想法和回饋。在我不斷提升寫作水平的過程中，您的見解非常寶貴。

您可以透過以下方式與我聯絡：

• 藍天： mohamedlamine.bsky.social
• X（推特）：@Mohamed_LamineF
• 領英：穆罕默德拉明夫

以上是Angular 獨立元件、訊號等方面的新增功能！的詳細內容。更多資訊請關注PHP中文網其他相關文章！