你做到了!你完成了 Signal Forms 教學,並從零開始建置了一個登入表單。
你學到了什麼
在本教學中,你學到了 Angular Signal Forms 的基礎:
- 表單模型:使用訊號與
form()函式建立具型別安全的表單資料 - 欄位繫結:使用
[formField]指令進行雙向資料繫結,並以value()顯示欄位 - 驗證:套用內建驗證器(例如
required()、email())並搭配自訂訊息 - 錯誤顯示:依欄位狀態條件式顯示驗證錯誤
- 表單提交:使用
submit()函式處理表單提交
下一步
準備好學更多了嗎?以下是建議的下一步:
探索文件
- Signal Forms 總覽 - Signal Forms 簡介與適用時機
- 表單模型指南 - 深入探討表單模型與資料管理
- 驗證指南 - 完整的驗證參考
- 欄位狀態管理指南 - 進階狀態模式
- 自訂控制項指南 - 建置可重複使用的表單元件
繼續學習
查看官方文件,取得完整的 Signal Forms API。
祝寫程式愉快!