Angular Material 2 Reactive Forms - mat-error с * ngIf не отображается при проверке minLength, электронной почты и необходимых работ по проверке

Question

Stackblitz: https://stackblitz.com/angular/nvpdgegebrol

Это буквально официальный пример Angular Material, который раздвоил и изменил логику, чтобы показать ошибку мата против проверки minLength вместо электронной почты.

Работает нормально для требуемыхпроверка и подтверждение по электронной почте, и сообщение появляется, и все хорошо, но с minLength * ngIf просто не отображается.

Код:

HTML:

<mat-error *ngIf="emailFormControl.hasError('minLength') &&
  !emailFormControl.hasError('required')">
  Please enter a valid email address
</mat-error>

TS:

    emailFormControl = new FormControl('', [
    Validators.required,
    Validators.minLength(10),
    ]);

Существует также ErrorstateMatcher, но он стандартный и работает.

Answer 1

Просто опечатка на вашем конце:

<mat-error *ngIf="emailFormControl.hasError('minlength') &&
   !emailFormControl.hasError('required')">
   Please enter a valid email address
 </mat-error>

minLength -> minlength