Lifecycle Callbacks

[s001dxp]

I want to be able to check if a user is authenticated and/or authorized to visit a view state before each transition to a new view/state. The default angular router has a 'canActivate' feature that is run before the app transitions to a new view.

How can I achieve the same using ui-router? I've searched the docs, the codebase here, and the web but have not found anything.

Thanks for your help

[chaoyangnz]

You can use resolve in the state declaration or register a callback of TransitionService: onStart(..), onEntering(..), ...

[christopherthielen]

As @richdyang mentioned, use (for example) an onStart hook

You can make a global hook which is triggered based on metadata stored on the state.

let hookMatchCriteria = { 
  to: state => state.data && state.data.requiresAuth 
};
router.transitionService.onStart(hookMatchCriteria, function hook(transition: Transition) {
  userSvc: UserService = transition.injector().get(UserService);
  if (!userSvc.authenticated()) {
    return router.stateService.target('login');
  }
});

[kolkov]

angular-ui/ui-router#2964