离子标签视图

时间:2017-09-13 09:50:06

标签: ionic-framework ionic2

在我的离子项目中,我使用了离子滑动标签,有三页。当我打开页面时,第一页在页面上可见。我想在打开页面时选择第二页。

 <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 个答案:

答案 0 :(得分:1)

如果您查看super-tabs项目的usage docs,您会看到有一个selectedTabIndex输入属性,默认为0,如果没有提供,则为为什么在初始化时选择第一个选项卡。如果您将其设置为1,则会选择第二个:

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