Angular Material 2反应形式-带* ng的错误-如果验证minLength，电子邮件和所需的验证工作时未显示

Question

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

这实际上是Angular Material官方示例的一个分支，更改了逻辑以显示针对minLength验证而不是电子邮件的mat错误。

对于必需的验证和电子邮件验证，它工作正常，并且显示了消息，并且一切都很好，但是带有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