Angular 7& Angular Material -验证器未显示MinLength错误

Angular 7是一种流行的前端开发框架，它基于TypeScript构建，并由Google维护。Angular Material是一个UI组件库，提供了丰富的可重用组件，用于创建现代化的用户界面。

在Angular中，验证器用于验证表单输入的有效性。当验证失败时，可以显示错误消息。对于MinLength验证器未显示错误消息的问题，可能是由于以下原因：

1. 验证器未正确应用：请确保在表单控件上正确应用了MinLength验证器。例如，如果要验证一个输入字段的最小长度为5个字符，可以在模板中的相应输入字段上添加[minlength]="5"属性。
2. 错误消息未正确显示：验证器会在表单控件的错误对象中添加一个名为minlength的属性，以指示验证失败。您可以通过在模板中使用*ngIf指令来检查该属性，并显示相应的错误消息。例如：

<div *ngIf="formControlName.errors?.minlength">
  最小长度为5个字符。
</div>

1. Angular Material的集成：如果您正在使用Angular Material的表单控件，例如mat-input，则需要使用mat-error组件来显示错误消息。例如：

<mat-form-field>
  <input matInput [formControlName]="fieldName" minlength="5">
  <mat-error *ngIf="formControlName.hasError('minlength')">
    最小长度为5个字符。
  </mat-error>
</mat-form-field>

推荐的腾讯云相关产品：腾讯云提供了一系列云计算产品，适用于各种应用场景。对于前端开发和云原生应用，推荐使用腾讯云的云服务器（CVM）和云原生应用引擎（TKE）。您可以通过以下链接了解更多信息：

• 腾讯云云服务器（CVM）
• 腾讯云云原生应用引擎（TKE）

请注意，以上答案仅供参考，具体实现可能因项目需求和环境而异。