在角度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为您的表单设置为空。

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

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