Tabs 如何在Ionic 2中获取活动选项卡索引?

Tabs 如何在Ionic 2中获取活动选项卡索引?,tabs,ionic2,Tabs,Ionic2,有没有办法在Ionic 2中获取活动选项卡索引?我已经搜索过了,在Ionic 1中有$Ionic 您的navController应该链接到嵌套选项卡,该选项卡具有属性“index” console.log((this.navCtrl.index) 我认为这是一个有点黑客,所以我很高兴看到其他答案。但目前您可以尝试:)将事件对象传递给您的方法: <ion-tabs (ionChange)="tabSelected($event)"> 您可以向选项卡元素添加ID,例如并使用@ViewC

有没有办法在Ionic 2中获取活动选项卡索引?我已经搜索过了,在Ionic 1中有$Ionic

您的navController应该链接到嵌套选项卡,该选项卡具有属性“index”

console.log((this.navCtrl.index)


我认为这是一个有点黑客,所以我很高兴看到其他答案。但目前您可以尝试:)

将事件对象传递给您的方法:

<ion-tabs (ionChange)="tabSelected($event)">

您可以向
选项卡
元素添加ID,例如
并使用
@ViewChild('myTabs')myTabs:tabs
获取对HTML
选项卡
元素的引用。在控制器中,您可以调用
this.myTabs.getSelected()
,它有一个
索引
属性,返回活动选项卡的索引

我在事件对象中看不到索引,但使用它时它会工作。
tabSelected(tab: Tab) {
  console.log(tab.index);
}