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

Question

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

我想让Component作为选项卡的内容生成器。

有人尝试过开发这个用例吗?ng2-bootstrap中的所有示例都指向静态内容

我很难将组件链接到标签指令

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>