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

Question

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

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

提前致谢

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>

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

Here is the working demo

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

formbuilder inside a tabs component not working in angular 6

angular

angular-reactive-forms

angular2-formbuilder