angular2 -如何在自定义验证器中使用md-error

在Angular 2中，可以通过自定义验证器来实现表单验证。自定义验证器是一个函数，它接收一个控件作为参数，并返回一个验证结果对象。要在自定义验证器中使用md-error，需要按照以下步骤进行操作：

首先，导入所需的模块和组件：import { FormControl } from '@angular/forms'; import { ErrorStateMatcher } from '@angular/material/core';
创建一个自定义验证器函数，该函数接收一个FormControl对象作为参数，并返回一个验证结果对象。例如，我们可以创建一个名为customValidator的自定义验证器函数：function customValidator(control: FormControl): { [key: string]: any } { // 验证逻辑 return null; // 如果验证通过，返回null；否则返回一个包含错误信息的对象 }
在组件中使用自定义验证器：@Component({ selector: 'app-example', template: ` <mat-form-field> <input matInput [formControl]="myControl" placeholder="Enter a value"> <mat-error *ngIf="myControl.hasError('customError')"> This field is invalid. </mat-error> </mat-form-field> `, }) export class ExampleComponent { myControl = new FormControl('', customValidator); }

在上面的示例中，我们创建了一个FormControl对象myControl，并将自定义验证器函数customValidator作为参数传递给FormControl的构造函数。然后，我们在模板中使用myControl来绑定输入框，并使用*ngIf指令来判断是否显示md-error。

需要注意的是，自定义验证器函数应该返回一个包含错误信息的对象，其中键是错误的名称，值可以是任意类型。在上面的示例中，我们使用了customError作为错误的名称。

关于Angular和md-error的更多信息，你可以参考腾讯云的Angular产品文档：