如何重置 ngFormModel 并丢失 Angular 2 Typescript 中的验证错误？

Question

我有一个带有 ngControl 文本框的 ngFormModel。

    <form [ngFormModel]="addFriendForm" (ngSubmit)="create()" 
                    class="form-vertical" #friendForm="ngForm">

脏时显示错误消息。

 <div [hidden]="id.valid || id.pristine" class="alert alert-danger">
                Invalid ID
                 </div>

提交表单后，我想重置表单。目前我正在设置 像这样

this.addFriendForm.controls["id"].updateValue(null);

这会使表单在屏幕上显示验证错误。

我无法避免在将值重置为 null 时出现此错误消息。有没有办法以编程方式重置表单？？

Answer 1

目前不支持。解决方法是重新创建表单。

Answer 2

提交后再次定义controlGroup即可解决one.I从中找到答案link

this.testForm= this.fb.group({
            id: ["", Validators.required],
            name: ["", Validators.required]
        });