Make Ионные sidemenu ссылки добавить к навигации стека вместо ясного

Question

У меня есть простой 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', 
     } 
    } 
    }) 

В моем sidemenu, у меня есть следующие:

<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» в стеке навигации, и нет кнопки «Назад», а кнопка «Назад» устройства закрывает приложение.

Есть ли что-то действительно просто, что мне не хватает, или мне нужно какое-то обходное решение для этого?

Answer 1

Пожалуйста, проверьте я заменить меню рядом с меню-тумблер

<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>