使用侧面菜单和选项卡时的 ionic 历史记录堆栈

Question

使用侧面菜单和选项卡时，我在使用ionic及其历史堆栈时遇到了一些麻烦。

我在这里创建了一个小例子:http://embed.plnkr.co/XK6seY9mDypTW6GcsCpj/preview

解决此问题要遵循的步骤:

打开侧边菜单

导航到“主列表”

选择一项

您将被重定向到详细信息页面的“常规数据”选项卡

问题在于 ionic 本身在导航中没有显示后退按钮。我创建了一个自己的后退按钮，该按钮调用 $ ionicGoBack($ event)来查看ionic是否具有历史记录堆栈。但是，单击此按钮时，您会看到ionic不会导航回主列表，而是停留在详细信息页面的常规数据标签上。

谁能告诉我问题是什么？我知道选项卡具有自己的历史堆栈，但是该选项卡应该知道其祖先，还是我错了？

在此先感谢您的帮助!

此致

Answer 1

这是由于menu-close指令会重置历史记录堆栈(如here所述)。

如果从元素中删除“菜单关闭”，则保留历史记录，但会丢失一些预期的行为。

作为解决方案，您可以开发自己的指令(例如“menu-close-keep-history”)来代替“menu-close”。

myModule.directive('menuCloseKeepHistory', ['$ionicHistory', function($ionicHistory) {
    return {
        restrict: 'AC',
        link: function($scope, $element) {
            $element.bind('click', function() {
                var sideMenuCtrl = $element.inheritedData('$ionSideMenusController');
                if (sideMenuCtrl) {
                    $ionicHistory.nextViewOptions({
                        historyRoot: false,
                        disableAnimate: true,
                        expire: 300
                    });
                    sideMenuCtrl.close();
                }
            });
        }
    };
}]);

这应该可以解决问题。