2017-09-13 193 views
0

在我的離子項目中,我使用離子刷卡選項卡,三頁。當我打開頁面時,第一頁在頁面上變得可見。我想在打開頁面時選擇第二頁。離子選項卡視圖

<super-tabs style="height: 80%" [config]="{ sideMenu: 'left' }" [toolbarColor]="'primary'"> 
    <super-tab [root]="page1" [title]="showTitles? 'First page' : ''" [icon]="showIcons? 'home': ''"></super-tab> 
    <super-tab [root]="page2" [title]="showTitles? 'Second page' : ''" [icon]="showIcons? 'pin' : ''"></super-tab> 
    <super-tab [root]="page3" [title]="showTitles? 'Third page' : ''" [icon]="showIcons? 'heart' : ''"></super-tab> 
    </super-tabs> 

enter image description here

回答

1

如果你看看super-tabs項目usage docs你會看到,有如果不提供默認爲0一個selectedTabIndex輸入屬性這就是爲什麼選擇在第一個選項卡初始化。如果將其設置爲1,則將選擇第二個:

<super-tabs selectedTabIndex="1" style="height: 80%" [config]="...">