angular通过config动态生成validateform

在Angular中，可以使用`FormBuilder`和`FormGroup`来动态生成表单验证。您可以在`@NgModule`装饰器的`providers`数组中使用`{ provide: NG_VALIDATORS, useExisting: CustomValidatorDirective, multi: true }`向表单添加自定义验证器。下面是一个示例：

首先，创建一个自定义验证器指令`CustomValidatorDirective`：

import { Directive } from '@angular/core';
import { NG_VALIDATORS, Validator, AbstractControl, ValidationErrors } from '@angular/forms';

@Directive({
  selector: '[appCustomValidator]',
  providers: [{ provide: NG_VALIDATORS, useExisting: CustomValidatorDirective, multi: true }]
})
export class CustomValidatorDirective implements Validator {
  validate(control: AbstractControl): ValidationErrors | null {
    // 自定义验证逻辑
    // 返回一个对象，其中包含验证失败的错误信息
    return { 'customError': true };
  }
}

然后，在你的组件中使用`FormBuilder`来动态生成表单并添加验证器：

import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

@Component({
  selector: 'app-form',
  template: `
    <form [formGroup]="myForm">
      <input type="text" formControlName="myField" appCustomValidator>
      <div *ngIf="myForm.get('myField').hasError('customError')">自定义验证失败</div>
    </form>
  `
})
export class MyFormComponent {
  myForm: FormGroup;

  constructor(private fb: FormBuilder) {
    this.myForm = this.fb.group({
      myField: ['', Validators.required]
    });
  }
}

在上面的示例中，我们使用`FormBuilder`创建了一个`myForm`表单，并在`myField`输入字段上应用了自定义验证器`appCustomValidator`。如果验证失败，我们可以根据错误状态显示相应的消息。

请注意，这只是一个简单的示例，您可以根据您的需求自定义验证逻辑和错误消息。