大于Angular Validator中的跨字段验证

Question

在我的表单中，某些字段取决于其他字段。因此，我想在值发生更改时验证控件。我知道formgroup上的全局验证器。但由于其他一些问题，我不想使用它。

方案：如果用户基于该用户在“汽车金额”字段中输入值，则该用户不能在“保费金额”文本框中输入大于值。

我在“ premiumAmount”字段上应用了自定义验证器，但是当我更改“ carAmount”字段中的值时，premiumAmount验证将不会触发。

如何解决这个问题？

Answer 1

可以通过大于@ rxweb / reactive-form-validators的验证器来实现“自定义大于验证”。

您只需要在您的formGroup中的greatherThan验证器中提及即可。这是代码：

 ngOnInit() {
        this.userFormGroup = this.formBuilder.group({
            carAmount:['',], 
            premiumAmount:['', RxwebValidators.greaterThan({fieldName:'carAmount' })], 
        });
    }

这里是forked stackblitz。