如何追加formgroup到另一个？

Question

我有两个formgroups：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>

这样即使你有多个步骤相同的键控制你不会丢失任何数据，你只有一个形式的工作和验证。