How to prevent user to change state of route before some processes

Question

I have Principle factory that set and get user value from local storage after login. But when the user first logged in Principle factory return firstLogin = true, if the user first logged in user must update their company. Because while registering process, the application creates an empty company model and I have to update it with source and addresses information at the first login.

So, how could I prevent user to change state by clicking over URL hrefs at navigation?

P.S

I already tried to add ng-disable= 'firstLogin' but i have a lot of states of the application. Thank you.

Is there any way to disable ui-router disable for all links? — nolines, Jun 24 '16 at 06:59
Are you looking for this: http://stackoverflow.com/questions/16344223/angularjs-cancel-route-change-event ? — user3707125, Jun 24 '16 at 07:00
It is helpful but I'm trying to solve with ui-router library so $stateChangeStart solved. Thank you for the reply. — nolines, Jun 24 '16 at 07:09

score 2 · Accepted Answer · answered Jun 24 '16 at 07:02

You can use $stateChangeStart or $routeChangeStart depending whether you are using ui-router or ng-router respectively.

You can run some functions like checking for auth etc before a state/route change occurs. Please check the examples in the docs linked.

How to prevent user to change state of route before some processes

1 Answers1