在选项卡中包含组件并更改样式ng2-bootstrap

Question

我有点怀疑，我使用ng2-bootstrap创建了一个简单的标签：

tabs.component.html

<div>

      <tabset #staticTabs>
        <tab heading="Home">Home</tab>
        <tab heading="About">About</tab>

      </tabset>

</div>

现在，例如，如何在第一个标签内创建表格和菜单？我必须在此组件中编写所有内容（tabs.component.html和tabs.component.ts）或创建其他组件并将其放在此组件中（如何以这种方式）？

如何更改ng2-bootstrap选项卡的样式？

谢谢你

Answer 1

由于tabset是一个组件，因此您不必创建组件。你可以按原样使用它。

MainPageComponent

<div>
  <tabset #staticTabs>
    <tab heading="Home">
      <template tabHeading>Home</template>
      // Content of the first type
    </tab>
    ...
  </tabset>
</div>