带有启动仪表板和侧面菜单的离子导航

Question

我有一个简单的应用程序，它始终启动仪表板。这是用户对当前状态进行概述的初始页面。

从那里，他使用仪表板本身或给定侧边菜单上的直接链接导航到模块。

在每个模块中都应该有一个可见的后退按钮，以便到达仪表板。每当用户从模块A导航到模块B时（使用始终可用的侧边菜单！），后退按钮不应导航回模块A，它应该以仪表板为目标......

这里有一个草图应该如何：

• 红色：预期从视图返回导航
• 蓝色：可能导航 屏幕
• 蓝色（虚线）：使用侧边菜单进行导航

有没有办法存档？

Answer 1

是的，这是可能的。实现此目的的最简单方法是忘记（禁用）Ionic默认后退按钮并将其中一个放在那里。为整个应用程序提供一个抽象控制器，或者为标题创建自己的控件，或者您希望后退按钮位于何处（放置控制器代码的位置）。例如：

HTML：

<button class="button button-clear header-item" ng-click="goToDashboard()">
  <i class="icon ion-android-arrow-back"></i>
</button>

控制器：

$scope.goToDashboard = function() {
  $state.go('dashboard');
};

以下是有关解决方案的简单Codepen：https://codepen.io/thepio/pen/GqvvjA?editors=1010

在此示例中，您只需通过内容导航到不同的标签页，然后使用左上角的箭头导航回仪表板。