如何以角度反应式形式访问多个FormGroups

Question

在Angular Reactive中有没有办法在父组件上获取所有FormGroups的列表？似乎如果我设置一个自定义组件，在它的组件中创建一个新的FormGroup，它不会显示在父组件上。所以我想知道在父级中是否有一个地方可以访问所有表单组，无论是直接在父级上设置还是在子级上设置。

Answer 1

不确定这是否是您的意思，但是您可以做的是在父组件中创建一个FormGroup，为每个子组件嵌套一组FormGroups，并通过输入将相应的FormGroup传递给子组件。在子组件中，您可以将该FormGroup分配给form HTML元素，并将其视为独立的表单；该FormGroup中的所有更改也将反映在父组件的父FormGroup中。

constructor(private fb: FormBuilder){}
...
this.myForm = fb.group({
  child0: this.fb.group({
    ...
  })
  child1: this.fb.group({
    ...
  })
});

然后将this.myForm.get('child0')传递给第一个子对象，依此类推。