$rootScope Event not working Angularjs

Question

I have declared $rootScope.$on function under the myApp.run to check token value in every authenticated page.but its not working.I do not understand why its not working.Please help me.

app.js

myApp.run(['$rootScope','$state', '$location', 'loginService', function ($rootScope,$state, $location, loginService) {

    console.log(" under run => ");
    $rootScope.$on('routeChangeStart', function (event, next, current) {
        /*If route is authenticated then check if the user has access token, else return to login screen*/

        console.log(event);

        if (next.$$route.authenticated) {

            var userAuth = loginService.getUserToken();
            console.log(" usertoken => " +userAuth);
            if (!userAuth) {
                $location.path("/");
            }
        }

    });
 }]);

code print on console "under run =>" but it is not printing event object and also not check if condition.

score 2 · Answer 1 · answered May 25 '16 at 05:03

2

Be care of the $:

$rootScope.$on('$stateChangeStart',...)

answered May 25 '16 at 05:03

Yin Gang

1,443
1
10
15

I think this is close but only if it's ui-router think it should be $routeChangeStart though for ngRoute – shaunhusain May 25 '16 at 05:04
it works tnx to sane my day ;-) – May 25 '16 at 05:06
I think both the same way, check [this](http://stackoverflow.com/questions/14765719/how-to-watch-for-a-route-change-in-angularjs). – Yin Gang May 25 '16 at 05:14

uday singh kushwah · Answer 2 · 2016-05-25T06:58:48.843

angular.module('...')..config( ['$routeProvider', function($routeProvider) {...}] )..run( function($rootScope, $location) {
// register listener to watch route changes
$rootScope.$on( "$routeChangeStart", function(event, next, current) {
  if ( $rootScope.loggedUser == null ) {
    // no logged user, we should be going to #login
    if ( next.templateUrl == "partials/login.html" ) {
      // already going to #login, no redirect needed
    } else {
      // not going to #login, we should redirect now
      $location.path( "/login" );
    }
  }         
});

The one thing that seems odd is that I had to test the partial name (login.html) because the "next" Route object did not have a url or something else. Maybe there's a better way?

$rootScope Event not working Angularjs

2 Answers2