0

現在、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>

スクリーン ミックスの原因は何ですか?

4

0 に答える 0