@traviss wrote:

Hey Guys,

I have a tabbed application where the tabs are abstract and then all other views are on top of that.

When I use the back button on my application, I see a black screen on the right side.

When inspecting the DOM, I notice that the view which is 'leaving' is not receiving the nav-view="leaving", it goes straight from active to cached.

Any idea why this might be happening? I believe if I can get this view to receive the nav-view="leaving" everything would work properly.

Here are my routes:

tabs ( abstract )
tabs/jobs
tabs/jobs/job-detail
tabs/jobs/job-detail/section-detail ( this is the black screen when going back to job-detail )

.state('tab.jobs', {
            url: '/jobs',
            views: {
                'tab-jobs': {
                    templateUrl: 'templates/tabs/jobs/jobs.html',
                    controller: 'JobsController'
                }
            }
        })

        .state('tab.job-details', {
            url: '/jobs/:jobId',
            views: {
                'tab-jobs': {
                    controller: 'JobDetailsController',
                    templateUrl: 'templates/tabs/jobs/job-detail.html'
                }
            }
        })

        .state('tab.section-details', {
            url: '/jobs/:jobId/:sectionId',
            views: {
                'tab-jobs': {
                    controller: 'sectionDetailsController',
                    templateUrl: 'templates/tabs/jobs/section-detail.html'
                }
            }
        })

nav-view

Posts: 2

Participants: 2

Read full topic