大于 Angular Validator 中的跨字段验证

Question

在我的表单中，一些字段依赖于其他字段。所以我想在值发生变化时验证控件。我知道 formgroup 上的全局验证器。但由于其他一些问题，我不想使用它。

场景：如果用户在 Car Amount 字段中输入基于该用户的值，则用户无法在 Premium Amount 文本框中输入大于值。

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

如何解决？

Answer 1

这可以通过@rxweb/reactive-form-validators 的大于验证器来实现，而不是使自定义大于验证。

您只需要在您的表单组中的greatherThan 验证器中提及。这是代码：

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

这里是forked stackblitz。