是否可以将动态值传递给 Angular 6 中的自定义表单验证器？

Question

基本上，我有一些表单输入，其验证相互依赖（即，如果您输入时间范围，"from" 时间必须小于 "to" 时间）但我不确定该怎么做。

这是我的表单组：

this.form = this.fb.group({
  fromTime: ["", [Validators.required, CustomValidator.myValidationFunction(this.form.get("toTime").value)]],
  toTime: ["", [Validators.required]]
});

到目前为止，这是我的验证器：

static myValidationFunction(testing) {
    const toTime = testing; // only comes here 1 time
    return control => {
      return toTime /*this value never changes*/  ? null : { test: {} };
    };
  }

但似乎值 x 或 toTime 仅在创建验证器时第一次设置。有没有办法将动态输入传递给自定义验证器？

我是 angular 的新手，但已阅读 custom form validation 上的文档，但似乎找不到我的答案

Answer 1

static TimeValidator(formGroup) {
    const fromTime = formGroup.controls.fromTime;
    const toTime = formGroup.controls.toTime;

    if (fromTime.value && toTime.value) {
        if (toTime.value <= fromTime.value) {
            return {time: true};
        }

    }
    return null;
}

ngOnInit(): void {
    this.form = new FormGroup({
        fromTime: new FormControl('', Validators.required),
        toTime: new FormControl('', Validators.required)
    }, AppComponent.TimeValidator);

    this.form.controls.fromTime.setValue(2);
    this.form.controls.toTime.setValue(1);
}

在 html 中，您可以通过以下方式查看：

{{form.hasError('time')}}

如果您有任何问题，请随时提出。

是否可以将动态值传递给 Angular 6 中的自定义表单验证器？

Is it possible to pass dynamic values to a custom form validator in Angular 6?

angular

typescript

angular-reactive-forms

angular2-form-validation