导航历史堆栈离子离子标签

时间:2015-06-01 09:08:13

标签: angularjs angular-ui-router ionic-framework

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

1 个答案:

答案 0 :(得分:5)

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

取消选择时,

<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();
   }
})

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

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