javascript - 如何在 Angular 2 中对字段进行多重验证？

Question

我正在 Angular 2 中构建模型驱动表单，我希望特定字段的验证范围在 1-1000 之间，并且还可以具有 2000 和 2001 的值，

我尝试将其放入撰写中:

this.configForm.controls["field"].setValidators(Validators.compose([Validators.required,CustomValidators.equal(2000),CustomValidators.equal(2001), CustomValidators.range([1,1000])]));

但是没有成功..

怎么做？

谢谢。

Answer 1

如果您使用 FormBuilder，请考虑实现一个组验证器来验证一组控件而不是单个控件:

How to do simple cross field validation in Angular 2 form to pass validation if one of the control in group has value?

FormBuilder 的 group 方法的第二个参数允许您指定组验证器:

 this.fb.group({
     field1: [''],
     field2: [''],
     }, 
     {
         validator: (c:FormGroup) => {
              return {'whateveryouwant': true};
         }
     }
 );

如果您需要清除字段验证标志:

let field1 = c.get('field1');
field1.setErrors(null);