typescript - Angular 2 o 4 formulario reactivo establecer validación dependiendo del valor de otro campo
Estoy tratando de construir un formulario en Angular 2 usando el Módulo de Formularios Reactivos, y estoy tratando de establecer la validación de algún campo en un formulario que es obligatorio si otro campo está seleccionado.
¿He hecho algo mal?
ngOnInit() {
this.martialForm = this.fb.group({
'maritalStatus': [this.model.maritalStatus, [Validators.required]],
'spouseTitle': [this.spouseModel.title, null]
},{
validator: this.validateIsSpouse
})
}
validateIsSpouse(group: FormGroup) {
if(this.model.maritalStatus == "01"){
group.controls['spouseTitle'].setErrors({ isRequired: true });
}
return null;
}
Respuesta #1
Las funciones de validación personalizadas se escriben inmediatamente después de la declaración de importación y el código, y el validador debe ser de la siguiente manera:
// import statement
function validateIsSpouse(group: FormGroup) {
let maritalStatus = group.get('maritalStatus').value;
if(maritalStatus == "01"){
return { isRequired: true };
}
return null;
}
// @Component
export class MyClass implements OnInit {
constructor(private fb: FormBuilder) {}
ngOnInit() {
this.martialForm = this.fb.group({
'maritalStatus': [this.model.maritalStatus, [Validators.required]],
'spouseTitle': [this.spouseModel.title, null]
},{ validator: validateIsSpouse });
}
}
