如何重置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将解决这个问题。我从link找到答案

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