如何重定向到相同状态的其他选项卡？

Question

我有两个标签。我默认显示一个标签。当在一个选项卡中单击按钮时，我想重定向到另一个选项卡。但是我该如何重定向？

考虑到所有操作都发生在一个状态下，我如何在单击按钮时从选项卡 1 导航到选项卡 2？

<ion-view>
<ion-header-bar class="musiclist">
        <h1 class="title" >Playlist</h1>
</ion-header-bar>
    <ion-pane>
        <ion-tabs class="tabs-top">
            <!-- Tab 1 -->
            <ion-tab title="My Albums">
                <ion-nav-view >
                    <ion-content>
                       <!-- some content -->
                    </ion-content>
                </ion-nav-view>
            </ion-tab>
            <!-- Tab 2 -->
            <ion-tab title="Album Store">
                <ion-nav-view >
                    <ion-content>
                       <!-- some content -->
                    </ion-content>
                </ion-nav-view>
            </ion-tab>
        </ion-tabs>
    </ion-pane>
</ion-content>
</ion-view>

http://codepen.io/anon/pen/JXPyLE

Answer 1

您可以通过将 $ionicTabsDelegate 服务传递到控制器并调用 select 函数来使用 $ionicTabsDelegate.select。由于您有不止一组选项卡，因此您需要在 HTML 中指定一个 delegate-handle 并在控制器中引用该特定句柄：

.controller('HomeTabCtrl', function($scope, $ionicTabsDelegate) {
 console.log('HomeTabCtrl');
 $scope.store = false;

 $scope.switchTabs = function(index) {
    $ionicTabsDelegate.$getByHandle('my-handle').select(index);
 }
});

  <ion-tabs delegate-handle="my-handle" class="tabs-top">
    <!-- Tab 1 -->
    <ion-tab title="My Albums" >
      <ion-nav-view ng-show="store">
        <ion-content>
          <!-- some content -->A
          <a ng-click="switchTabs(1)">go to store</a>
        </ion-content>
      </ion-nav-view>
    </ion-tab>

如何重定向到相同状态的其他选项卡？

How to redirect to other tab in the same state?

angularjs

ionic-framework

ionic-view