angular-forms

Angular Signal Forms 技能使開發人員能夠在 Angular v21+ 應用程式中實現反應式且型別安全的表單邏輯。透過利用新的 Signals API，該技能簡化了表單狀態管理流程，實現了自動雙向綁定與宣告式驗證模式。它專為希望從傳統範本驅動或傳統 Reactive Forms 轉向更現代、以訊號為中心的方法的開發人員而設計。此工具集非常適合建立複雜、動態且多步驟的表單，其中組件狀態的反應性對於效能和可維護性至關重要。

• 透過 formField 指令與基於訊號的模型，實現表單模型與組件範本之間的無縫雙向綁定。

• 支援基於結構的驗證，允許開發人員使用可讀的宣告式語法定義複雜邏輯、條件約束與跨欄位驗證規則。

• 提供對欄位互動與驗證狀態的細粒度控制，包含已接觸 (touched)、已修改 (dirty)、無效 (invalid)、等待中 (pending) 與自訂錯誤訊息，全部皆作為反應式訊號公開。

• 透過將驗證邏輯與視圖層解耦，促進現代 Angular 組件中更好的關注點分離，從而實現更清晰的架構模式。

• 非常適合建置高效能 UI，例如登入畫面、動態資料收集表單、多步驟精靈以及欄位可見性與驗證狀態動態變更的條件欄位組。

• Signal Forms 目前處於實驗階段；在關鍵生產環境實作前，請務必驗證與專案需求的相容性。

• 使用提供的 FormValueControl 介面來建置可重複使用的自訂表單控制項，並與 Signal Forms 生態系統直接整合。

• 避免將此技能與 ngx-formly 等第三方函式庫或範本驅動表單同時使用，因為它們可能會與底層訊號架構產生衝突。

• 確保將表單模型定義為可寫入訊號，以作為表單狀態的單一事實來源，從而實現可預測的資料流與更輕鬆的除錯。

• 優先使用 required、email、min、max 與 pattern 等內建驗證器來處理標準資料約束，並針對複雜的領域特定規則，透過 validate 函數實作自訂邏輯。