如何将额外的参数传递给Angular中的异步验证器（被动形式）？-Java 学习之路

我有以下异步验证器 . 如果我想将它用于反应形式，我必须将其作为第三个参数传递

slug: [null, [Validators.required], [CustomValidators.slug]],

如何将额外的参数传递给验证器？

import {FormControl} from "@angular/forms";

interface IValidation {
    [key: string]: boolean;
}

export class CustomValidators {

static slug(control: FormControl) {
    const q = new Promise<IValidation>((resolve, reject) => {
        setTimeout(() => {
            if (control.value === 'TEST') {
                resolve({'duplicated': true});
            } else {
                resolve(null);
            }
        }, 1000);
    });
    return q;
}
}

如果我用它

slug：[null，[Validators.required]，[CustomValidators.slug（'string param'）]]，

问题是第一个参数是控件 .

1 回答

像这样写下你的验证：

static slug(param: string) {
  return (control: FormControl) => {
    const q = new Promise<IValidation>((resolve, reject) => {
      setTimeout(() => {
        if (control.value === 'TEST') {
          resolve({'duplicated': true});
        } else {
          resolve(null);
        }
      }, 1000);
    });
    return q;
  };
}

回复于 2024-04-27T11:47:33+08:00

如何将额外的参数传递给Angular中的异步验证器（被动形式）？

1 回答

相关问题