javascript - Angular 6 中的表单重置

Question

我是 Angular 6 的新手，正在从事 Angular 项目。提交表单后重置表单时遇到问题。以下是代码:

<form [formGroup]="commentForm">
<div class="col-md-8 "  [ngClass]="{ 'is-invalid': submitted && f.comment.errors }">
   <textarea class="form-control" [(ngModel)]="commentsData.comment"   [ngClass]="{ 'is-invalid': submitted && f.comment.errors }" formControlName="comment" placeholder="Add a Comment..." rows="5" cols="8"> </textarea>
</div>
</form>

在 Components.ts 文件中，我使用它来重置表单

 this.commentForm.reset();

表单值已成功清除，但唯一的问题是重置表单字段边框后为红色。我正在努力

this.commentForm.markAsPristine();

但没有任何帮助

Answer 1

重置后，您可以将表单的setErrors设置为 null。

for( let i in this.commentForm.controls ) {

        this.commentForm.controls[i].setErrors(null);
}