可以在addValidator函数中设置输入字段的监听事件,以此检测并实时更新字段的状态。以下为示例代码:
import { Component, OnInit } from '@angular/core';
import { FormControl, FormGroup, Validators } from '@angular/forms';
@Component({
selector: 'app-validator-example',
template: `
`,
})
export class ValidatorExampleComponent implements OnInit {
myForm: FormGroup;
ngOnInit() {
this.myForm = new FormGroup({
myInput: new FormControl('', [this.myValidator]),
});
}
myValidator(control: FormControl) {
if (control.value.length < 5) {
return { myValidator: true };
}
return null;
}
constructor() {}
}
在上述代码中,myValidator
函数是我们想要添加到输入字段中的自定义验证器函数。该函数会在每次输入的时候自动检测并更新输入字段的状态。在最后,我们可以在表单的输入控件中使用我们添加的验证器,例如:
这样就可以实现输入字段值改变时自动更新验证器的状态。