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’}