Angular Ошибка очистки реактивной группы форм в компоненте, не очищаемом из шаблона

Question

Я динамически очищаю ошибки моей реактивной формы, такие как:

this.courseForm.setErrors(null);

Но ошибки все еще отображаются в моем шаблоне:

<form [formGroup]="courseForm" autocomplete="off">
    <div class="alert-group" *ngIf="submitted && formGroup.errors?.coursedates">
      <div *ngFor="let err of formGroup.errors?.coursedates?.value" role="alert" class="error">
        {{err}}
      </div>
    </div>
</form>

Есть ли способ очистки группы? ошибки в шаблоне?

спасибо

Answer 1

Ошибки для каждого элемента управления не заполняются для ошибок формы группы. Таким образом, очистка ошибок формы группы не удаляет ошибки из каждого из ее элементов управления формой.

Нам нужно установить setErrors (null) для каждого элемента управления внутри группы форм. Вот как мы это делаем.

Object.keys(this.courseForm.controls).forEach(key => {
  this.form.get(key).setErrors(null);
});

Обязательно отметьте его как ответ, если решение устранит вашу проблему.