Angular 2 表單更新

Angular 2 允許通過建立本地模板變數來訪問 ngForm 例項。Angular 2 通過指定指令後設資料的 exportAs 屬性來公開像 ngForm 這樣的指令例項。現在,這裡的優點是沒有太多編碼,你可以訪問 ngForm 例項並使用它來訪問提交的值或使用屬性(有效,提交,值等)檢查所有欄位是否有效。

#f = ngForm (creates local template instance "f")

ngForm 在提交時發出事件 ngSubmit(檢查 @Output 文件以獲取有關事件發射器的更多詳細資訊)

(ngSubmit)= "login(f.value,f.submitted)"

ngModel 與輸入 name 屬性一起建立一個 Form Control。

<input type="text" [(ngModel)]="username" placeholder="enter username" required>

提交表單時,f.value 具有表示提交值的 JSON 物件。

{username:‘Sachin’,密碼:‘Welcome1’}