自定义验证期望承诺

Question

我正在派生一种用于验证范围的自定义验证方法，如下所示：

static ratingRange=(min:number,max:number) =>
  {
     return (control:AbstractControl):Promise<ValidationErrors|null>=>
     {
          return new Promise(resolve=>
           {
             if (control.value !== undefined && (isNaN(control.value) 
            || control.value < min || control.value > max))
                              return resolve({InvalidRange:true});
             else return resolve(null);    
           }
          );
      }

它正在按预期执行验证，没有任何问题。

但是出于测试目的，我想使用ValidatorFn factory 重写验证方法，如下所示。（意图不是返回一个承诺对象）

static CustomRangeValidator (min:number,max:number): ValidatorFn
  {
     return (control:AbstractControl):{[key:string]:boolean}=>
     {
        if (control.value !== undefined && (isNaN(control.value) 
           || control.value < min || control.value > max))
                       return {InvalidRange:true}
        else return null;   
     }
  }

但我得到了

'期望验证器返回 Promise 或 Observable。'

有没有办法在不返回 Promise 对象的情况下重构我的函数调用？

Answer 1

我的解决方案

this.myForm = new FormGroup({
    'controlName': new FormControl(value, 
               [/* this array for validation functions which will not return promises */], 
               [/*this array for function which returns promises*/])
})

/// in your case but your function in the first array