現在、Ionic Framework アプリで状態を使用しています。戻るボタンを押して前の状態に戻ると、現在の状態と遷移先の状態が同じ画面に表示されます。
エラー画面:
個々の画面は次のようになります。
画面 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>
スクリーン ミックスの原因は何ですか?