動態離子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

我找到了答案，我的標籤欄只在標題下，這就是爲什麼它看起來好像沒有出現。我發佈這個，如果有人也有這個問題。