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()
}


person kehua    schedule 23.09.2020    source источник


Ответы (1)


В этом случае вам не нужно использовать ViewChildren. Я думаю, вы можете получить выгоду, если:

this.childForm.get('CorrectReissueForce').value
person V.Tur    schedule 23.09.2020