动态离子 2 标签

Question

我正在尝试从 .ts 文件中的数组创建动态选项卡。

我把这个模板作为多标签组件：

<ion-content class="myclass">
  <ion-tabs tabsPlacement="top">
    <ion-tab *ngFor="let tab of tabs" tabTitle="tab.title" [root]="tab.component"></ion-tab>
  </ion-tabs>
</ion-content>

这是我的 multitab.ts 组件：

@Component({
  selector: 'multi-tab',
  templateUrl: 'multitab.html'
})
export class multiTab {

  tabs : any = [];

  constructor() {
      this.tabs.push({title: 'Snacks',  component: Snacks});
      this.tabs.push({title: 'Drinks',  component: Drinks});
      this.tabs.push({title: 'Frozen',  component: Frozen});
  }
}

但我的自定义组件只显示第一个具有所有功能的组件，就像它是单个选项卡/列表而不是离子选项卡。

我正在使用 2.0.0 rc-2 版本的 ionic。

Answer 1

我找到了答案，我的标签栏就在标题下方，这就是为什么它似乎没有出现。如果有人也有这个问题，我会发布这个。