2017-09-18 27 views
0

메뉴의 각 섹션에 대해 탭을 만들려고합니다. 내가 원하는 것은 위의 배열의 각 요소에 대한 탭을 생산하는 것 ngFor 어떤 종류의Ionic 프로그래밍 탭 인구

[ 
    { name: 'Wines', contents:[...] }, 
    { name: 'Ciders', contents: [...] }, 
    { name: 'Beers', contents:[...] } 
] 

입니다 :

그래서 나는 다음과 같은 데이터 구조를 가지고있다.

나는 온라인으로 아무것도 보지 못했고 스스로 해결할 수없는 것 같습니다.

아무도이 경험이 있습니까? 이 같은

답변

0

시도 뭔가 :

let tabs = [{name:'Wines', contents:[...]}, 
{name:'Ciders', contents: [...]}, 
{name:'Beers', contents:[...]} 
]; 

<ion-tabs> 
    <ion-tab *ngFor="let tab of tabs" [root]="tab.name"></ion-tab> 
</ion-tabs> 

이것은 tab.name 경우 작동합니다은 클래스 이름이 탭 개체의 name 속성을 동일 @IonicPage 장식이있는 페이지입니다. 예 :

@IonicPage() 
@Component({ 
    ... 
}) 
export class MyPage { 
} 

다음 tab.name마이 페이지 수 있습니다.

탭의 루트로 문자열을 설정하면 지연로드를 사용하여 탭의 루트 페이지를 설정할 수 있습니다. 그래서 당신은 아마 당신이 익숙하지 않은 경우 이온 팀의 다음 문서를 읽어야