浏览历史堆栈离子离子选项卡

Question

我目前有一个问题,我有一个应用程序有4个离子选项卡,每个选项卡都有自己的历史堆栈.我现在遇到一个问题,我从选项卡A => B导航,选项卡B移动到选项卡B的内页,但没有办法导航回来并重置选项卡B上的历史记录,以便当我回到选项卡AI可以将选项卡B的历史记录重置为选项卡B的根目录.

Answer 1

如果我说得对,你想在更改标签时清除选项卡中的导航堆栈吗？那么看看以下方法:

<ion tab>取消选择时有回调.您可以使用它来调用控制器中的一个清除历史记录的功能.所以你的html页面看起来像这样:

<ion-tab title="xyz" href="#/tab/whatever" on-deselect="clearHistory()">
   ...
</ion-tab>

并在您的控制器中定义以下相应的功能:

.controller('TestCtrl', function($scope, $ionicHistory) {
   $scope.clearHistory = function() {
      $ionicHistory.clearHistory();
   }
})

这会在离开之前清除当前选项卡的此导航堆栈.我用离子标签启动器模板测试了它,它对我有用.

我希望这是你的问题.如果没有,请给我留言,我会再次看一下.