Changing state without changing browser history in angular ui-router

Question

Assume that we have a logic like this:

From state A, change to state B.
Whenever we arrive to state B, the app always redirect us to state C by calling $state.go(stateC)
Now we are in state C

My question is how to go back to state A from state C (given the fact that state A can be any state we don't know at run-time, meaning user can access state B from any other states)

Phil · Accepted Answer · 2016-09-13 03:16:01Z

45

Use the location option with value "replace"...

$state.go(stateC, null, {
    location: 'replace'
})

See https://angular-ui.github.io/ui-router/site/#/api/ui.router.state.$state#methods_go

location - {boolean=true|string=} - If true will update the url in the location bar, if false will not. If string, must be "replace", which will update url and also replace last history record.

answered Sep 13, 2016 at 3:16

Phil

166k25 gold badges265 silver badges269 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Thịnh Phạm Over a year ago

Exactly what I need! Thank you so so much.

Community · Accepted Answer · 2017-05-23 11:54:53Z

-2

You could keep track of visited states in a service and then just call $state.go on the previous state.

You can watch the state changes like so:

$rootScope.$on('$stateChangeStart', 
function(event, toState, toParams, fromState, fromParams){ 
    // add fromState to history 
});

How to $watch state change of $stateProvider in AngularJS?

edited May 23, 2017 at 11:54

CommunityBot

11 silver badge

answered Sep 13, 2016 at 3:14

Passersby

1,20210 silver badges11 bronze badges

Collectives™ on Stack Overflow

Changing state without changing browser history in angular ui-router

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related