Проверка угловой формы не отображает сообщение об ошибке

Question

Я использую форму входа для отображения ошибки, если пароль или электронная почта неверны1006 * Однако сообщение об ошибке не отображается, когда я отправил недопустимого пользователя. Ранее я тестировал с

<div *ngIf="!loginForm.valid" class="notification is-danger">
   Email and password does not match
  </div>

, но проблема в том, что он отображается только в зависимости от того, где поле заполняется, и не проверяет само поле.

Answer 1

Это довольно длинный путь, но вы назначаете ошибку компоненту, и обычно она может дать сбой, только если в определении компонента объявлено changeDetection: ChangeDetectionStategy.OnPush. Если это так, вам нужно только ввести ссылку на детектор изменений constructor(private cd: ChangeDetectorRef) {} и использовать ее после назначения значения ошибки в блоке .catch, например:

}).catch((error) => {
 this.errorCode= error.message;
 console.log(this.errorCode)
 this.cd.detectChanges();
})