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

时间:2016-02-25 12:29:15

标签: angularjs ionic-framework ionic-view

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

点击一个按钮,考虑到所有这一切都发生在一个州内,我如何从tab1导航到tab2?

UITabBarController

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

1 个答案:

答案 0 :(得分:2)

您可以通过将$ ionicTabsDelegate服务传递到控制器并调用 select 函数来使用$ionicTabsDelegate.select。由于您有多个标签集,因此您需要在HTML中指定委托句柄并引用控制器中的特定句柄:

.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>