angular - 选项卡组件内的表单构建器在角度 6 中不起作用

Question

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

这是 stackblitz 链接formBuilderInsideTabs和相同的错误截图。在此处输入图像描述

提前致谢

标签： angularangular-reactive-formsangular2-formbuilder

Answer 1

尝试：

<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>

请注意，我使用过formGroupName而不是FormGroupName在 html 中。

这是工作演示