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