Angular ViewChildren не может изменить значение реактивной формы
У меня есть один родительский компонент и несколько дочерних компонентов. Я бы получил допустимое значение реактивной формы для детей, когда я нажму кнопку в родительском компоненте. Однако я могу получить только изначально исправленное значение формы с помощью
ViewChildren
. В дочернем компоненте я могу получить значения всей формы.
Любая подсказка будет оценена! благодарю вас. Вот мой код:
childcomponent.ts
this.childForm = this.fb.group({
DateTime: ['', [Validators.required]],
Type: ['', [Validators.required]],
SubType: ['', [Validators.required]],
CorrectReissueForce: this.fb.group({
// values will be set using patchvalue, I can only get values here.
Name: ['', [Validators.required]],
Mobile: ['', [Validators.required]],
Address: ['', [Validators.required]],
// value will be set when filling form.
SendType: [''],
IsCancel: ['', [Validators.required]]
})
});
parentcomponent.ts
@ViewChildren(childcomponent) child: QueryList<childcomponent>;
saveClick() {
// can only get Name, Mobile, Address; values of SendType & IsCancel are empty.
this.child.last.childFormForm.getRawValue()
}
1 ответ
В этом случае вам не нужно использовать ViewChildren. Я думаю, вы можете получить выгоду, если:
this.childForm.get('CorrectReissueForce').value