CODEWITHSUNDEEP
angularjsangular-ui-routerbrowser-history
Thịnh Phạm
Thịnh Phạm

Reputation: 2663

Changing state without changing browser history in angular ui-router

Assume that we have a logic like this:

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)

Upvotes: 23

Views: 13090

Answers (2)

Phil
Phil

Reputation: 164764

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.

Upvotes: 46

Passersby
Passersby

Reputation: 1172

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?

Upvotes: -2

Related Questions