angular - 大于 Angular Validator 中的跨域验证

Question

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

场景:如果用户在 Car Amount 字段中输入一个值，基于该用户不能在 Premium Amount 文本框中输入大于该值的值。

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

如何解决？

Answer 1

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

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

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

这是 forked stackblitz .