Angular Material 2 Reactive Forms - 在验证minLength，电子邮件和所需的验证工作时，没有显示* ngIf的mat-error-Java 学习之路

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，但它的样板和工作 .

1 回答

只是一个简单的拼写错误：

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

minLength - > minlength

回复于 2024-04-27T05:20:10+08:00

Angular Material 2 Reactive Forms - 在验证minLength，电子邮件和所需的验证工作时，没有显示* ngIf的mat-error

1 回答

相关问题