重置表單

說明

1. 使用this.form.reset()方法
2. 表單控制項或表單群組的狀態會被重置為pristine(欄位資料未經變更)以及untouched(欄位未經focus)

reset()

清空所有內容，欄位值都會變成null

reset(object)

重置為預設內容

程式碼範例：

1.在model-driven-form.component.ts中寫resetAll()方法和resetDefault()方法，重置表單

resetAll(){
  this.form.reset();
}

resetDefault(){
  this.form.reset({
    title: "重置後的title"
  });
}

2.在model-driven-form.component.html中，加入觸發前述兩個方法的按鈕

<button (click)="resetAll()">resetAll()</button>
<button (click)="resetDefault()">resetDefault()</button>

3.點擊兩個按鈕，測試重置表單