角动态表单，不更新顶级表单的子组件

Question

正如标题所示，我使用我读过的各种教程创建了一个动态表单。 我有一个父组件，它创建一个空的表单组，然后我（尝试）通过子组件填充子组。这些组件传递对父窗体的引用，然后子组件创建自己的窗体组并尝试将其绑定到父窗体。

表单模型应如下所示：

FormGroup -- FormGroup1 ---- FormControl1 ---- FormControl2 -- FormGroup2 ---- FormControl3 ---- FormControl4

然而，即使认为较低级别的表单控制所有渲染，父表单似乎也不知道它们存在。我的问题似乎可能与Angular 2: How to link form elements across a dynamically created components?有关但我无法弄清楚他究竟做了什么来解决他的问题。

有什么想法吗？

请参阅https://stackblitz.com/edit/angular-imi6j6?file=app%2Fapp.component.html了解我正在做的事情。

Answer 1

哇...我只是想通了。

我试图通过分配属性将我的子组添加到父级，但我应该使用FormGroup.addControl(new <FormGroup>)。

现在完美运作。