0

我这样一个简单的事情挣扎按钮。我有一个离子菜单。我想让帖子页面成为主页的子视图。但是当我从主页导航到帖子页面时,后退按钮丢失。另外我不确定如何定义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> 

回答

0

后退按钮需要只有在较高模板(不重复它在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更好地了解发生什么事。

+0

当我这样做的问题是,而不是后退按钮,我得到它打开侧边菜单的导航图标。 – dms

0

尝试改变.STATE(“后”),以.STATE(“menu.post”),使后菜单的子。

同样,如果后一种家的子,你可以像menu.home.post IT连锁。