选项卡组件内的 formbuilder 在 angular 6 中不起作用

formbuilder inside a tabs component not working in angular 6

我正在尝试构建一个在单个组件中跨多个选项卡划分的表单。 但是 formbuilder 抛出错误,说它找不到 formControlName。

这是 stackblitz linkformBuilderInsideTabs and the error screenshot of the same.enter image description here

提前致谢

尝试:

<my-tabs>
  <my-tab [tabTitle]="'Tab 1'">
    <form [formGroup]="MyGroup">
      <div formGroupName="averageMos">
        <input type="text" formControlName="critical">
      </div>
    </form>
  </my-tab>
  <my-tab tabTitle="Tab 2">
    Tab 2 content
  </my-tab>

</my-tabs>

请注意,我在 html 中使用了 formGroupName 而不是 FormGroupName

Here is the working demo