學習 Angular 訊號表單

歡迎!一起用訊號來建立表單吧。

這份互動教學將帶你學習如何使用 Angular 的訊號表單 API,建立反應式表單。

如何使用這份教學

這份教學假設你已理解 Angular 的核心概念,並且對訊號有基本的認識。如果你是 Angular 新手,請先閱讀我們的精華指南。如果你剛接觸訊號,請先完成訊號教學。

每個步驟都代表訊號表單的一個概念。你將從零開始建立一個完整的登入表單,一步步學習基本原理。

你的學習路徑:

  1. 使用 TypeScript 與訊號建立表單模型
  2. 將表單連接到你的範本
  3. 加入驗證規則
  4. 向使用者顯示驗證錯誤
  5. 處理表單提交
  6. 探索進階主題與後續學習方向

如果卡住了,點選上方的 "Reveal answer" 即可查看答案。

好,我們開始吧!