角材料 2 反应式形式 -- mat-error with *ng如果在验证 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