如何在Ionic中获得活动标签

Question

我在模态代码中包含以下标签：

<ion-tabs class="tabs-positive tabs-top">

<ion-tab title="FIND">
<ion-view>
<ion-content>
<div class="list list-inset">
  <label class="item item-input">
    <i class="icon ion-search placeholder-icon"></i>
    <input type="text" ng-model="data.sight" placeholder="Find events or people" ng-change="searchSight()">
  </label>
</div>
</ion-content>
</ion-view>
</ion-tab>
<ion-tab>
   ... More tabs
</ion-tab>
</ion-tabs>

我有一个页脚按钮，我想根据活动选项卡执行特定的操作， 如何在Ionic中获得活动选项卡？

非常感谢你！

Answer 1

您可以使用$ ionicTabsDelegate获取选项卡的选定索引，这可能有助于您确定要采取的操作。

function MyCtrl($scope, $ionicTabsDelegate) {
         if ($ionicTabsDelegate.selectedIndex() == 0){
     // Perform some action 
    }
}

使用$ getByHandle方法控制特定的ionTabs实例。

例：

$ionicTabsDelegate.$getByHandle('my-handle').selectedIndex();

在$ ionicTabsDelegate API文档中有更详细的解释

Answer 2

据我所知，Ionic使用ui-router。 要获取UI-router中的当前状态，可以使用ui-router的API文档中所述的$ state指令。

您可能感兴趣的2种方法可能是：

$state.is('state-name');
$state.includes('part-of-state-name-');

如果要直接在html中引用它，则需要确保已将$ state注入到页脚的控制器中，或者，如果要从控制器中删除该逻辑，则可以定义一个范围方法或变量。