Как добавить форму группы в другую?

Question

У меня есть две группы форм: firstFormGroup и secondFormGroup

firstFormGroup в шаге 1 мата, а secondFormGroup в шаге 2 мата. Теперь, когда я отправляю его в бэкэнд, я хочудобавить secondFormGroup к firstFormGroup

Как этого добиться?

Answer 1

Вы можете получить значения из этих форм и объединить их в один словарь, используя Object.assign.

const data = Object.assign({}, firstFormGroup.value, secondFormFroup.value);

Также вы можете использовать вложенные группы форм

export class MyComponent implements OnInit {

  form = new FormGroup({
    first: new FormGroup({
      name: new FormControl('')
    }),
    second: new FormGroup({
      name: new FormControl('')
    })
  });
  constructor() { }

  ngOnInit() {
  }

}

, затем в шаблоне

<form [formGroup]="form.get('first')"></form>
<form [formGroup]="form.get('second')"></form>

таким образом вы не потеряете никакие данные, даже если у вас есть элементы управления с одним и тем же ключом на нескольких этапах, и у вас есть только одна форма для работы и проверки.