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

Question

有没有办法在Ionic 2中获得活动标签索引？我搜索过，在Ionic 1中有$ ionicTabsDelegate。

Answer 1

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

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

事件对象实际上是选定的Tab：

tabSelected(tab: Tab) {
  console.log(tab.index);
}

Answer 2

您的navController应该链接到具有属性“index”的嵌套Tab。

console.log((<Tab>this.navCtrl).index);

我认为这有点蠢，所以我很高兴看到其他答案。但目前你可以尝试：）

Answer 3

您可以将ID添加到tabs元素中，例如<ion-tabs #myTabs>并使用@ViewChild('myTabs') myTabs: Tabs;获得对HTML tabs元素的引用。在控制器中，您可以调用具有this.myTabs.getSelected()属性的index，该属性返回活动标签的索引