Formbuilder внутри компонента вкладки не работает в угловой 6

Question

Я пытаюсь создать форму, которая разделена на несколько вкладок в одном компоненте.но formbuilder выдает ошибку, говоря, что он не может найти formControlName.

это ссылка на стек formBuilderInsideTabs и скриншот ошибки того же типа. введите описание изображения здесь

Заранее спасибо

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.

Вот рабочая демонстрация