即使存在ionicHistory后视图，离子后退按钮也不起作用

Question

我的离子后退按钮在点击时没有做任何事情，即使我打印出版本历史记录时，它显示有后视图。同样由于某种原因$ionicHistory.enabledBack()返回false，即使后视图存在且后视图和当前视图具有相同的id。有谁知道如何解决这个问题？

这是控制台的快照。

Answer 1

1. 使用ui-router嵌套视图创建将替换HTML中ion-nav-view标记的状态。
2. 在每个嵌套视图的模板ion-view内使用ion-nav-view，而不是html。

示例：

Parent (Nav) View HTML：

<ion-nav-view name="navView"></ion-nav-view> 

Nested View Level 1 HTML：

<ion-view view-title="Nested View Level 1">
    <ion-content></ion-content>
</ion-view> 

Nested View Level 2 HTML：

<ion-view view-title="Nested View Level 2">
    <ion-content></ion-content>
</ion-view> 

ui-router：

$stateProvider
.state('app.navView', {
  url: '/nav-view',
  views: {
    'menuContent': {
      templateUrl: 'app/navView.html',
      controller: 'NavViewCtrl as vm'
    }
  }
})
.state('app.nestedViewL1', {
      url: '/nested-view-L1',
      views: {
        'navView': {
          templateUrl: 'app/nestedViewL1.html',
          controller: 'NestedView1CtrL1 as vm'
        }
      }
    })
.state('app.nestedViewL2', {
      url: '/nested-view-L2',
          views: {
            'navView': {
              templateUrl: 'app/nestedViewL2.html',
              controller: 'NestedViewL2Ctrl as vm'
            }
          }
        })