Javascript 角度6中的表单重置

我是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>

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

this.commentForm.markAsPristine();

---

但是没有任何帮助

您可以在重置后将表单的错误设置为null

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

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

this.commentForm.reset（）

this.submitted=false
for( let i in this.commentForm.controls ) {

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