離子側菜單：沒有回

頁

我這樣一個簡單的事情掙扎按鈕。我有一個離子菜單。我想讓帖子頁面成爲主頁的子視圖。但是當我從主頁導航到帖子頁面時，後退按鈕丟失。另外我不確定如何定義navbar（index.html，menu.html或post.html）。離子側菜單：沒有回

路由器：

$stateProvider 

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

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

.state("post", { 
    url: "/home/:uid/:postId", 
    templateUrl: "templates/timeline/post.html", 
    controller: "PostCtrl as post", 
    resolve: {authResolve: authResolve} 
})

的index.html：

<body ng-app="starter" animation="slide-left-right-ios7"> 
    <div> 
     <div> 
      <ion-nav-bar> 
       <ion-nav-back-button side="left" class="button-icon ion-arrow-left-c"></ion-nav-back-button> 
      </ion-nav-bar> 
      <ion-nav-view></ion-nav-view> 
     </div> 
    </div>

menu.html：

<ion-side-menus enable-menu-with-back-views="true"> 
    <ion-side-menu-content> 
     <ion-nav-bar class="bar-positive"> 

      <ion-nav-buttons side="left"> 
       <button class="button button-icon button-clear ion-navicon" menu-toggle="left"></button> 
      </ion-nav-buttons> 
     </ion-nav-bar> 
     <ion-nav-view name="menuContent"></ion-nav-view> 
    </ion-side-menu-content>

post.html：

<ion-view> 
    <ion-nav-bar> 
    <ion-nav-back-button side="left" class="button-icon ion-arrow-left-c"></ion-nav-back-button> 
    </ion-nav-bar>

來源

2016-06-10 dms

後退按鈕需要只有在較高模板（不重複它在post.html）。要激活post.html中的後退按鈕，該視圖必須是menu.html模板中的一個子項。要做到這一點，你post.html路線需要加以申報，如：

.state("menu.post", { 
    url: "/post/:uid/:postId", 
    views: 
     'menuContent' :{ 
      templateUrl: "templates/timeline/post.html", 
      controller: "PostCtrl as post", 
      resolve: {authResolve: authResolve} 
     } 
})

見ionic example更好地瞭解發生什麼事。

來源

2016-06-10 09:59:07 Pred05

當我這樣做的問題是，而不是後退按鈕，我得到它打開側邊菜單的導航圖標。 – dms

嘗試改變.STATE（「後」），以.STATE（「menu.post」），使後菜單的子。

同樣，如果後一種家的子，你可以像menu.home.post IT連鎖。

來源

2016-07-06 13:44:31

離子側菜單：沒有回

回答

相關問題