使用ng2-bootstrap选项卡创建动态选项卡

Question

我正在尝试使用ng2-bootstrap tabs组件来生成动态标签。

我希望组件作为标签的内容生成器。

有人尝试过使用ng2- case?.All中的示例指向静态内容吗？

我很难将组件链接到Tab指令

Answer 1

如果我没理解错你的问题，这段代码基本上会做你想要的：

let pages = [
  {
  "title" = "Page 1",
  "data" = {
    whatever data you have ...
  },
  {
  "title" = "Page 2",
  "data" = {
    whatever data you have ...
  },
  {
  "title" = "Page 3",
  "data" = {
    whatever data you have ...
  }
]

然后你就可以创建你的内容了

<tabset *ngIf="pages.length > 0">
  <tab *ngFor="let page of pages" heading="{{ page.title }}" class='tab'>
    DO WHATEVER YOU WANT TO DO WITH YOUR

    page.data

    IN HERE
  </tab>
</tabset>