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
Другие вопросы по тегам