Question

我正在使用离子（1.0b5）和cordova构建应用程序。通过单击菜单中的条目，当状态更改为不同的屏幕时，我无法显示后退按钮。

我已经按照这个http://ionicframework.com/docs/api/directive/ionNavBackButton/并将一个侧边菜单推到了右边。我已经搜索过并且我尝试过的所有解决方案都没有工作，所以我认为我的状态可能没有正确配置以允许后退按钮显示。复制如下：

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

  $stateProvider

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

    .state('app.markets', {
      url: '/markets',
      views: {
        'menuContent': {
          templateUrl: 'templates/markets.html',
          controller: 'MarketsCtrl'
        }
      }
    })
    .state('app.main', {
      url: '/main',
      views: {
        'menuContent': {
          templateUrl: 'templates/main.html',
          controller: 'MainCtrl'
        }
      }
    })

    .state('app.account', {
      url: '/account',
      views: {
        'menuContent': {
          templateUrl: 'templates/account.html',
          controller: 'AccountCtrl'
        }
      }
    })

    .state('app.notifications', {
          url: '/notifications',
          views: {
              'menuContent': {
                  templateUrl: 'templates/notifications.html',
                  controller: 'NotificationsCtrl'
              }
          }
      })

      .state('app.share', {
          url: '/share',
          views: {
              'menuContent': {
                  templateUrl: 'templates/share.html',
                  controller: 'ShareCtrl'
              }
          }
      })

  $urlRouterProvider.otherwise('/app/main');

});

这是我的索引页面：

  <body ng-app="sqb" animation="slide-left-right-ios7">
  <ion-nav-bar class="nav-title-slide-ios7" type="bar-default" back-button-type="button-icon"
               back-button-icon="icon ion-arrow-left-c">
      <ion-nav-buttons side="left">
          <ion-nav-back-button class="button-icon ion-arrow-left-c">
          </ion-nav-back-button>
      </ion-nav-buttons>
  </ion-nav-bar>
  <ion-nav-view></ion-nav-view>
  </body>

如果我使用：

$state.transitionTo("app.main");

如果我使用菜单中的链接，则会出现后退按钮但不会出现。有什么想法吗？

Answer 1

您是否测试过菜单中的链接是否包含＆＃34; nav-clear＆＃34;属性？可能你的按钮有它。

Answer 2

您是否尝试过不将其嵌入 ion-nav-buttons ，而是将其直接放入 ion-nav-bar ？

<ion-nav-bar class="nav-bar">
  <ion-nav-back-button class="nav-button"></ion-nav-back-button>
</ion-nav-bar>

离子后退按钮没有显示，可能是状态错了？

2 个答案: