狠狠撸

Angular 深入淺出表單篇：新?入?（三）

? 「Angular 深入淺出三?天」
? 「Angular Schematics 實戰三?天」
? ?前任職於 Lilee Systems
陳志龍（Leo 李歐）

? 動態表單實作 - Template Driven Form
s

? 動態表單實作 - Reactive Form
s

? Template Driven Forms vs Reactive Forms
?綱

? 超陽春保險表單
? 新增被保險?
? 刪除被保險?
? 送出表單
規格需求

? 被保險?的欄位
? 姓名
? 性別
? 年齡
規格需求

? 姓名欄位最少需要填寫兩個字，如驗證有誤則顯?錯誤訊息「姓
名?少需兩個字以上」
? 姓名欄位最多只能填寫兩個字，如驗證有誤則顯?錯誤訊息「姓
名?多只能輸入?個字」
規格需求

? 以上欄位皆為必填，如驗證有誤則顯?錯誤訊息「此欄位為必
填」
? 以上驗證皆需在使?者輸入時動態檢查
? 任?驗證有誤時或者沒有被保險?時，送出按鈕皆呈現不可被點
選之狀態。
規格需求

相關連結
Angular Taiwan 臉書社團 Angular Taiwan 論壇
Angular Taiwan 線上讀書會社團 Angular Taiwan Youtube 頻道

Angular 深入淺出表單篇：新手入門（三）