ui-router changing the previous state

Question

The app has pages, X, Y and Z. So the routing should be as follows I go into page X and then select some details and then go to page Y and then select some more details and then go to Z. So I want that after going to Z page once I click window back button it should go to page X and not page Y. While going from Y to Z, I also tried adding { location: 'replace' } in $state.go but it doesn't work. Any ideas on how to achieve that ?

Thanks

Simple solution would be to have only 2 states, X and Z. When you select some details on X page and go to Y, instead of going to Y with `ui.router`, hide the current div and show the div that has contents of the Y. Then upon selecting further details, go to Z using `ui.router`.. — AdityaParab, Apr 04 '16 at 05:53
Take a look into this [post](http://stackoverflow.com/questions/22247294/how-do-i-get-the-back-button-to-work-with-an-angularjs-ui-router-state-machine#answer-22402285). — arifin4web, Apr 04 '16 at 06:20

AdityaParab · Accepted Answer · 2016-04-04T06:42:48.443

Every time you change a state, Angular will trigger an event called $stateChangeStart, you can use that to your advantage.

In your app.run, do

app.run(function($rootScope,$state){
    $rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams) {
        //Check if you're going from Z to Y
        if(fromState.name === 'Z' && toState.name === 'Y'){ 
            // if so, first stop the default behavior
            event.preventDefault();
           // then navigate to X
            $state.go('X');
        }
    });
});

The browser back button essentially triggers the same event so your problem will be solved with this.

score 0 · Answer 2 · answered Apr 04 '16 at 05:55

0

do like this give your state in $state.go like.. : $state.go('y')

answered Apr 04 '16 at 05:55

Ankur Soni

746
6
17

That's the point right, how to do that on the browser back button – abkds Apr 04 '16 at 05:59

ui-router changing the previous state

2 Answers2