2 pestañas iónicas dinámicas - estructura iónica, ionic2

Estoy tratando de hacer pestañas dinámicas a partir de una matriz en el archivo .ts.

Obtuve esta plantilla como componente de múltiples pestañas:

<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>

Este es mi componente 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});
}
}

Pero mi componente personalizado solo muestra el primero con todas las funciones, como si fuera una sola pestaña / lista, no un ion-tabs.

Estoy usando la versión 2.0.0 rc-2 de iónico.

Respuestas

Encontré la respuesta, mi barra de pestañas está justo debajo del encabezado, por eso parece que no aparece. Publico esto si alguien también tiene este problema.