Angular 8自定义验证器从不返回错误

是指在Angular 8中自定义表单验证器时，验证器函数不会返回错误。验证器函数是一个函数，它接收一个控件作为参数，并根据需要进行验证。如果验证通过，验证器函数应该返回null；如果验证不通过，验证器函数应该返回一个对象，该对象包含一个错误消息。

自定义验证器可以用于验证表单中的各种输入字段，例如文本框、下拉列表等。通过自定义验证器，我们可以根据业务需求定义特定的验证规则，以确保用户输入的数据符合预期。

在Angular 8中，我们可以通过创建一个验证器函数来实现自定义验证器。验证器函数可以在组件类中定义，也可以在单独的验证器文件中定义。以下是一个示例，演示了如何创建一个自定义验证器函数：

import { AbstractControl, ValidationErrors } from '@angular/forms';

export function customValidator(control: AbstractControl): ValidationErrors | null {
  // 验证逻辑
  if (control.value === 'example') {
    return { customError: 'Invalid value' };
  }
  return null;
}

在上面的示例中，customValidator是一个自定义验证器函数，它接收一个AbstractControl对象作为参数，并根据需要进行验证。如果控件的值等于'example'，则返回一个包含自定义错误消息的对象；否则返回null。

要在Angular 8中使用自定义验证器，我们需要将验证器函数应用于相应的表单控件。可以通过在模板中使用Validators.compose()方法将自定义验证器与其他内置验证器组合使用。以下是一个示例，演示了如何在模板中应用自定义验证器：

<form [formGroup]="myForm">
  <input type="text" formControlName="myControl" />
  <div *ngIf="myForm.get('myControl').hasError('customError')">
    {{ myForm.get('myControl').getError('customError') }}
  </div>
</form>

在上面的示例中，myForm是一个FormGroup对象，myControl是一个FormControl对象，它们都需要在组件类中进行初始化。通过使用formControlName指令，我们将myControl与模板中的输入框关联起来。通过使用getError方法，我们可以获取自定义错误消息并在模板中显示。

推荐的腾讯云相关产品和产品介绍链接地址：