NgForm

說明

1. 在<form>tag中用範本參考變數#範本參考變數名稱="ngForm"取得ngForm實體
2. ngForm實體中儲存了該<form>tag中所有欄位的表單控制項資訊

template語法：

<form #範本參考變數名稱="ngForm">

程式碼範例：

1.將template-driven-form.component.html中<form>tag加入範本參考變數以取得ngForm實體

<form #myform="ngForm">

2.在template-driven-form.component.ts中寫方法印出該範本控制項

printNgForm(ngForm) {
    console.log(ngForm);
}

3.在template-driven-form.component.html的印出model 按鈕旁新增按鈕印出form

<button (click)="printNgForm(myform)">印出form</button>

4.打開開發者工具，點擊印出form按鈕，觀察ngForm物件結構