动态离子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版本的离子。

Answer 1

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