製作離子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>