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

Question

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

tabs.component.html

<div>

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

      </tabset>

</div>

现在，例如，我如何在第一个选项卡中创建 table 和菜单？我必须在这个组件（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>

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

Include component inside a tab and change style ng2-bootstrap

ng2-bootstrap

angular