时间戳

首页 > 解决方案 > 如何添加自定义角度材料垫错误

angular - 如何添加自定义角度材料垫错误

问题描述

我有一个项目列表，现在我将输入框中的数据添加到该列表中。我想在该输入框下显示重复条目的 mat-error。 

<mat-form-field>
    <input matInput (keyup)="validation()" [(ngModel)]="package">
    <mat-error>Duplicate Entry</mat-error>
</mat-form-field>

建议我解决此类问题的正确方法。

标签： angularangular-material

解决方案

我很少使用模板驱动的表单。我想你想要这样

<mat-form-field>
  <input matInput (keyup)="validation()" [(ngModel)]="package" name="package" #package="ngModel">
  <mat-error *ngIf="package.invalid">Duplicate Entry</mat-error>
</mat-form-field>

在 mat-error 中添加您所需的错误消息

检查此链接https://angular.io/guide/forms#show-and-hide-validation-error-messages

推荐阅读