form-guide
Installation
SKILL.md
Form Guide
開發含有表單的前端頁面時,優先使用 Angular Signal Forms 模式。
觸發時機
- 使用者提到要開發「表單」、「form」、「登入」、「註冊」等相關功能時
- 新增含有
<form>元素的頁面時 - 需要處理表單驗證或表單提交時
開發指南
1. 表單提交事件綁定
問題:使用 (ngSubmit) 搭配 async onSubmit() 會導致瀏覽器預設提交行為觸發,造成頁面重載。
<!-- ❌ 錯誤寫法 -->
<form (ngSubmit)="onSubmit()">