Angular 如何添加自定义角度材质材质

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

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

重复条目

---

给我建议一个正确的方法来解决这个问题。

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

<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中添加所需的错误消息

检查此链接

您需要使用*ngIf隐藏或显示错误。如果发现重复项，则获取一个变量并使其为真

示例：

重复条目

当用户输入新项目时，您需要从当前项目列表中进行检查，如果它已经存在，则将

duplicateFound

设置为true

您的模板

<input matInput (keyup.enter)="validation()" [(ngModel)]="package">

---

将其保存在模板

{{duplicateFound}}

中。单击按钮，检查值是否从false更改为true。