angular - 模型驱动表单提交后如何清空表单？ ( Angular 2)

Question

以模型驱动表单提交后如何清除表单？我必须使用 ngModel 吗？谢谢

<form [ngFormModel]="myForm" (ngSubmit)="onSubmit()">
    <input type="text" [ngFormControl]="name">
    <button type="submit">Submit</button>
</form>

.

myForm: ControlGroup;
name: AbstractControl;

ngOnInit()
{
    this.myForm = this._formBuilder.group({
        'name': [""]
    });
    this.name = this.myForm.controls['name'];
}


onSubmit() {
    this.name.value = ""; // This is not working.
}

Answer 1

从更新的 Angular2 版本开始，Angular2 为我们提供了 reset 功能来重置表单的所有控件，只需使用此语法即可。

this.Your_form_name.reset();

PS:表单提交后，如果您重新初始化表单，它可能会清除一次值，但状态根本不会重置，我的意思是表单将不再处于污垢状态(从验证的 Angular 来看)。

更多详情请参阅此处

https://angular.io/docs/ts/latest/guide/forms.html