AngularJS Ui-Router：后退按钮转换错误

Question

目前我在Ionic Framework App中使用状态。当我按下后退按钮返回到先前状态时，它会显示当前状态以及它应在同一屏幕中转换到的状态。

错误屏幕：

每个个人屏幕看起来像这样：

屏幕1：

屏幕2：

从屏幕1 后退按钮转换为屏幕2 时，会出现错误屏幕。

在我的配置文件中，当前设置如下：

.config(function($stateProvider, $urlRouterProvider) {
  $stateProvider
    .state('tab', {
    url: '/tab',
    abstract: true,
    templateUrl: 'templates/tabs.html'
  })
  // Each tab has its own nav history stack:
  .state('tab.events', {
    url: '/events',
    views: {
      'tab-event': {
        templateUrl: 'views/events.html',
        controller: 'EventsCtrl'
      }
    }
  })
  .state('tab.event-detail',{
    url:'/events/:eventId',
        views: {
          'tab-event':{
            templateUrl: 'views/event.html',
            controller: 'EventDetailsCtrl'
          }
        }
  })
      .state('tab.attendees',{
        url: '/events/:eventId/attendees/:attendeeIds',
        views: {
          'tab-event':{
            templateUrl: 'views/attendees.html',
            controller: 'AttendeesCtrl'
          }
        }
      })
      .state('tab.attendee-detail',{
        url: '/events/:eventId/attendee/:attendeeId',
        views: {
          'tab-event':{
            templateUrl: 'views/attendee.html',
            controller: 'AttendeeDetailCtrl'
          }
        }
      });
      $urlRouterProvider.otherwise('/login');
});

当我按下后退按钮从'tab.attendees'状态返回到'tab.event-detail'状态时，会发生错误。如果它有助于我通过锚标记从'tab.event-detail'状态转换为'tab.attendees'状态，如下所示：

<a ng-href="#/tab/events/{{event.id}}/attendees/{{event.attendees}}">See Attendees</a>

导致屏幕混合的原因是什么？