javascript - 如何在formBuilder中比较两个值？

Question

我的表单生成器如下，

this.feedbackForm = new FormGroup({
  figure: new FormControl('', Validators.pattern(/^[0-9]+$/)),
  maxVal: new FormControl(''),
  minVal: new FormControl('', Validators.max(feedbackForm.values.maxVal - 1)),
});

我想比较 minVal 使其小于最大值，但从上面的代码显示错误如下，

ERROR TypeError: Cannot read property 'values' of undefined

Answer 1

您在表单定义中引用您的表单。这意味着您在定义之前就引用了 feedbackForm。

有很多方法可以实现您的目标。一种方法是在定义表单后将验证器添加到表单控件中。

this.feedbackForm = new FormGroup({
  figure: new FormControl('', Validators.pattern(/^[0-9]+$/)),
  mixVal: new FormControl(''),
  maxVal: new FormControl('', Validators.pattern(/^[0-9]+$/)),
});


this.feedbackForm.get('minVal')
    .setValidators(Validators.max(this.feedbackForm.get('maxVal').value - 1))