从单页

时间:2017-01-12 14:23:57

标签: ionic-framework

这是Ionic版本1问题:

我有4个标签,每个标签都有它的内容,其中一个标签里面有一个列表......

所以如果我们在第3个标签中有一个列表,那么我们选择列表并转到带有后退按钮的单页...

在我选择后退按钮后,它返回到第一个标签,而不是第三个标签...

它似乎默认不记得位置,我尝试了一些这样的解决方法...

我在进入上一页之前设置了标签:

$scope.$on("$ionicView.beforeEnter", function (event, data) {
   $ionicTabsDelegate.select($scope.maintabindex);
});

在每个标签上选择此选项:

<ion-tab title="Forum" icon-on="ion-tab-fa-headphones" icon-off="ion-tab-fa-headphones" on-select="tabSelected()" href="#/app/home">

然后我有这个功能:

$scope.tabSelected = function () {
  $scope.maintabindex = $ionicTabsDelegate.selectedIndex();
};

问题是,在我回到父页面后执行on-select方法(*带有标签页),因此它无法正常工作,因为$ ionicTabsDelegate.selectedIndex()on-select总是在我回来后给出0索引从单页到标签页

任何想法?

1 个答案:

答案 0 :(得分:0)

离子返回按钮应该适用于这些场景,确保子视图路径使用与父选项卡相同的ui-view。如果是这种情况并且仍然无效,那么最好覆盖子视图上的后退按钮以转到父级。

像这样:

<ion-nav-bar ng-controller="MyCtrl">
  <ion-nav-back-button class="button-clear"
    ng-click="myGoBack()">
    <i class="ion-arrow-left-c"></i> Back
  </ion-nav-back-button>
</ion-nav-bar>

function MyCtrl($scope, $ionicHistory) {
  $scope.myGoBack = function() {
    $ionicHistory.goBack();
  };
}

您甚至可以用myGoBack()

替换$state.go('parent-tab-view')功能