Question

我正在尝试编写一个自定义验证器，我在其中检查字段中键入的值是否高于/低于外部对象的属性。这是我的代码：

// defining the user property in the constructor
this.user        = this.authGuard.currentUser();

// This is my FromGroup defined in my init function
this.firstFormGroup = this.formBuilder.group({
  name: ['', Validators.required],
  budget: ['', [Validators.required, Validators.min(10), this.validateBudget]],
  start_date: ['', Validators.required],
  end_date: ['', Validators.required]
});

然后我的验证器功能会像这样工作：

validateBudget(c: FormControl) {
const credits = this.user.credits / 100;
let valid = false;

if (credits <  this.secondFormGroup.getRawValue().budget) {
  valid = false;
} else {
  valid = true;
}

return {
  validateBudget: {
    valid: false
  }
};

}

但是上述方法无效。我得到错误：无法读取未定义的属性用户。无法读取属性获取未定义和无数其他错误。我怎么能写这个验证器，以便我可以检查用户在预算字段中输入的内容与用户（this.user）在信用财产上的内容有关？

Answer 1

您传入一个稍后要执行的函数（验证程序），但是当它被执行时，this的上下文将丢失。要将this保留在包含表单的此组件中，请使用胖箭头函数：

budget: ['', /* */, (c: FormControl) => this.validateBudget(c)]],

或bind：

budget: ['', /* */, this.validateBudget.bind(this)]],

如何编写自定义验证器使用外部数据Angular 5

1 个答案: