大神來六角2021的投影片

1. Angular 深入淺出表單篇：新⼿入⾨（三）

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

3. • 動態表單實作 - Template Driven Form
s
• 動態表單實作 - Reactive Form
s
• Template Driven Forms vs Reactive Forms
⼤綱

4. • 超陽春保險表單
• 新增被保險⼈
• 刪除被保險⼈
• 送出表單
規格需求

5. • 被保險⼈的欄位
• 姓名
• 性別
• 年齡
規格需求

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

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

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

9. Thank you