小编1O1*_*1O1的帖子

离子导航后退按钮和菜单按钮一起显示

当后退按钮显示时,我尝试使菜单按钮不显示.有没有办法让Ionic照顾它?还是由我决定?

例如,如果我使用ui-sref从app.users转到app.users.add或app.users.details我希望隐藏菜单按钮并显示后退按钮,但是当我走的时候它们都会显示嵌套视图.例:

<button class="button button-positive" ui-sref="app.users.details({id:user.id})"> User details </button>
Run Code Online (Sandbox Code Playgroud)

app.js

.config(function($stateProvider, $urlRouterProvider) {
$stateProvider

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

  .state('app.users', {
    url: '/users',

    views: {
      'menuContent@app' : {
        controller: 'UsersCtrl',
        templateUrl: 'templates/users.html'
      }
    }
  })

  .state('app.users.add', {
    url: '/addUsers',

    views: {
      'menuContent@app' : {
        controller: 'AddUserCtrl',
        templateUrl: 'templates/add_user.html'
      }
    }
  })

  .state('app.users.details', {
    url: '/userDetails/:id',

    views: {
      'menuContent@app' : {
        controller: 'UserDetailsCtrl',
        templateUrl: 'templates/details_user.html'
      }
    }
  })
}
Run Code Online (Sandbox Code Playgroud)

menu.html

<ion-side-menus>
  <ion-pane ion-side-menu-content>
    <ion-nav-bar class="bar-stable"> …
Run Code Online (Sandbox Code Playgroud)

navigation menu back-button ionic-framework ionic

10
推荐指数
1
解决办法
2万
查看次数

标签 统计

back-button ×1

ionic ×1

ionic-framework ×1

menu ×1

navigation ×1