在Angular 11中创建控件后动态设置验证器,可以通过使用setValidators()
方法来实现。以下是详细步骤:
FormBuilder
和FormControl
:import { FormBuilder, FormControl } from '@angular/forms';
FormBuilder
:constructor(private fb: FormBuilder) { }
myControl: FormControl;
ngOnInit()
方法中使用FormBuilder
创建表单控件,并设置初始值和验证器:ngOnInit() {
this.myControl = this.fb.control('', [/* 初始验证器 */]);
}
setValidators()
方法来更新验证器:updateValidators() {
this.myControl.setValidators([/* 新的验证器 */]);
this.myControl.updateValueAndValidity();
}
在上述代码中,setValidators()
方法接受一个验证器数组作为参数,可以根据需要设置多个验证器。updateValueAndValidity()
方法用于更新控件的值和验证状态。
领取专属 10元无门槛券
手把手带您无忧上云