동적 이온 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

답변을 찾았는데, 내 tabbar가 헤더 바로 아래에 있는데 왜 보이지 않는 것처럼 보입니다. 나는 누군가가이 문제가 너무있는 경우에 이것을 배치한다.