validation - Angular 2 : how to apply custom validators in a certain order?

Question

我创建了一个带有 2 个自定义验证器的 Angular2 表单，并将其传递给 FormControl:

this.myForm = fb.group({
    'CF': ['', [Validators.required, customValidator()], asyncCustomValidator()],
});

这是一个 Plunker:https://plnkr.co/edit/pDMKtdC5PqFttfraOPqf (它基于旧的 Angular2 版本)。

我想达到以下行为:

只有当用户通过required 和customValidator 测试时，asyncCustomValidator 才能启动(并调用后端)。

如何获得这种行为？

另外，使用compose方法和将两个或多个验证器放在同一个数组中有什么区别吗？

Answer 1

为什么不创建第三个验证器，它只需依次调用两个自定义验证器？

function composedValidator(){
  if(doValidationFirst){
     return doValidationSecond();
  }
  failAndReturn();
}

编辑:

这是一篇关于“条件验证”的文章，但对于您的情况，IMO 我会改用上述方法:

https://scotch.io/tutorials/how-to-implement-conditional-validation-in-angular-2-model-driven-forms

这似乎不太适合您...