使Ionic sidemenu链接添加到导航堆栈而不是清除

时间:2015-09-25 08:41:57

标签: angularjs ionic-framework

我有一个简单的sidemenu应用程序,其中包含以下页面:

  .state('app', {
    url: '/app',
    abstract: true,
    templateUrl: 'templates/menu.html',
    controller: 'AppCtrl'
  })

  .state('app.home', {
    url: '/home',
    views: {
      'menuContent': {
        templateUrl: 'templates/home.html',
        controller: 'HomeCtrl'
      }
    }
  })

  .state('app.legal', {
    url: '/home/legal',
    views: {
      'menuContent': {
        templateUrl: 'templates/legal.html',
      }
    }
  })

在我的副手中,我有以下内容:

<ion-item menu-close href="#/app/home/legal">
  Legal Info
</ion-item>

Here's a codepen with the same basic idea

我想要的是我的“主页”页面充当导航到的所有(或某些)其他页面的父级,无论导航操作源自何处。如果我将home.html上的链接转到#/ app / home / legal,它可以正常工作,并在法律信息页面上显示一个后退按钮。

但是,如果我在我的sidemenu中添加相同的链接,它似乎将“home”替换为导航堆栈上的“legal”,并且没有后退按钮,硬件后退按钮会导致应用关闭。

是否有一些非常简单的东西我缺少,或者我需要某种解决方法来做到这一点?

1 个答案:

答案 0 :(得分:2)

请检查我将菜单关闭替换为菜单切换

<ion-side-menu side="left">
        <ion-header-bar class="bar-assertive">
            <h1 class="title">Left Menu</h1>
        </ion-header-bar>
        <ion-content>
            <ul class="list">
                <a href="#/app/home" class="item" menu-close>href="#/app/home"</a>
                <a href="#/app/home/legal" class="item" menu-toggle>href="#/app/home/legal"</a>
           </ul>
         </ion-content>
</ion-side-menu>