目前我在我的 Ionic Framework App 中使用状态。当我按下后退按钮返回到以前的状态时,它会在同一个屏幕中显示当前状态和应该转换到的状态。
错误屏幕:
每个单独的屏幕如下所示:
屏幕一:
屏幕 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>
什么可能导致屏幕混合?