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
– AdityaParab, Commented Apr 4, 2016 at 5:53

AdityaParab · Accepted Answer · 2016-04-04 06:42:48Z

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.

Ankur Soni · Accepted Answer · 2016-04-04 05:55:33Z

0

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

answered Apr 4, 2016 at 5:55

Ankur Soni

7566 silver badges19 bronze badges

1 Comment

abkds Over a year ago

That's the point right, how to do that on the browser back button

Collectives™ on Stack Overflow

ui-router changing the previous state

2 Answers 2

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Linked

Related