title: Angular behaving weird with $routeChangeSuccess
body: <p>So I'm using a third-party library to handle my authentication, and in my logout function I call <code>$location.url('/login')</code>.</p>
  
  <p>However, in my app module, I'm trying to change some CSS based on the current route. The function that does this looks like this:</p>
  
  <pre><code>app.run(function ($rootScope, $route) {
  $rootScope.$on("$routeChangeSuccess", function(currentRoute, previousRoute){
      //Change page css, based on Route information
      $rootScope.isLogin = {
          status: $route.current.$$route.isLogin.status
      };
  });
  });
  </code></pre>
  
  <p>In my config, I've also specified some routes based on ngRoute with a parameter that tells me if the current page is a login page or not.</p>
  
  <pre><code>    $routeProvider.
      when('/route1', {
          templateUrl: './partials/route1.html',
          controller: 'Route1Ctrl',
          isLogin: { status: false }
      }).
      when('/login', {
          templateUrl: './partials/login.html',
          controller: 'AuthCtrl',
          isLogin: { status: true }
      }).
      otherwise({
          redirectTo: '/login'
      });
  </code></pre>
  
  <p>Now, whenever I call the logout function, I am getting a typeerror: <code>Cannot read property 'isLogin' of undefined</code>, which basically tells me that <code>$route.current.$$route.isLogin.status</code> is unset. Considering I'm using the event $routeChangeSuccess I don't understand why it isn't being set yet.</p>
  
  <p>Can someone see where I'm not doing this right?</p>