forms - 如何重置 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

提交后再次定义控制组将解决这个问题。我从这个链接找到了答案

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

Answer 2

目前不支持此功能。一种解决方法是重新创建表单。