Угловая 2 или 4 Проверка правильности набора форм зависит от другого значения поля
Я пытаюсь создать форму в Angular 2 с помощью модуля Reactive Forms, и я пытаюсь установить проверку некоторого поля в форме, которая требуется, если выбрано другое поле.
Я сделал что-то не так?
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;
}
1 ответ
Решение
Пользовательские функции проверки пишутся сразу после оператора импорта, а код и валидатор должны быть следующими:
// import statement
function validateIsSpouse(group: FormGroup) {
let maritalStatus = group.get('maritalStatus').value;
if(maritalStatus == "01"){
retun { 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 });
}
}