我想知道如何将验证器添加到已经创建的 formControl (使用它自己的验证器创建的)。但是,让我们想象一下,经过一段时间的延迟后,我想添加另一个(或者我有一个自定义控件,其中包含一些验证器本身),并且我想创建外部反应式表单并将内部验证器添加到外部。
是否可以?我没有找到任何信息(仅有关重新设置所有验证器)
谢谢你的帮助!
this.testForm = this.fb.group({
testField: [{value: '', disabled: false}, [<any>Validators.required]]
})
<form [formGroup]="testForm" novalidate>
<custom_input>
formControlName="testField"
[outerFormControl]="testForm.controls.testField"
</custom_input>
</form>
之后我想在我的自定义控件中添加其他验证器。我怎样才能做到这一点?
自定义控制.ts
this.outerFormControl.push(Validators.maxLength(10));
@Component({
selector: 'my-app',
template: `
<form [formGroup]="testForm" novalidate>
<input type="text" formControlName="age">
</form>
<button (click)="addValidation()">Add validation</button>
{{ testForm.valid | json }}
`,
})
export class App {
constructor(private fb: FormBuilder) {
this.testForm = this.fb.group({
age: [null, Validators.required]
})
}
addValidation() {
this.testForm.get('age').setValidators(Validators.maxLength(2));
}
}
Plunker https://plnkr.co/edit/qKVlPjnHjR3eD8WMwt7Z?p=preview
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)