title: why $routeChangeSuccess never gets called?
body: <p>I am doing something similar to below on my app but I am just not able to get the routeChangeSuccess event. </p>
  
  <pre><code>var myapp = angular.module('myapp', ["ui.router", "ngRoute"]);
  
  myapp.controller("home.RootController",
    function($rootScope, $scope, $location, $route) {
      $scope.menus = [{ 'name': 'Home ', 'link': '#/home'}, {'name': 'services', 'link': '#/services'} ]
  
      $scope.$on('$routeChangeSuccess', function(event, current) {
  
        alert('route changed');
      });
  
    }
  );
  
  myapp.config(
    function($stateProvider, $urlRouterProvider, $routeProvider) {
      $urlRouterProvider.otherwise("/home");
      $stateProvider
        .state('home', {
          url: "/home",
          //template: '&lt;h1&gt;Home Screen&lt;/h1&gt;'
          templateUrl: "/Client/Views/Home/Home.htm"
        })
        .state('services', {
          url: "/services",
          //template: '&lt;h1&gt;Service screen&lt;/h1&gt;'
          templateUrl: "/Client/Views/Home/service.htm"
  
        });
    });
  </code></pre>
  
  <p>a very simple html as below also fails</p>
  
  <pre><code>  &lt;body ng-controller="home.RootController"&gt;
  
      &lt;ul class="nav"&gt;
        &lt;li ng-repeat="menu in menus" "=""&gt;
          &lt;a href="{{menu.link}}"&gt;{{menu.name}}&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
      &lt;div ui-view&gt; No data yet!&lt;/div&gt;
    &lt;/body&gt;
  </code></pre>
  
  <p>but when i click on the link i see that the views are getting updated but the $routeChangeSucces event is never triggered.</p>
  
  <p>is there something i am missing?</p>
  
  <p><strong>Another question</strong> I had was is there an event that I can hook on to to know the view is ready so I can start some additional processing, like document.ready(). </p>
  
  <p><a href="http://plnkr.co/edit/uElxWeSHuSo2dBiZ1JoU?p=preview">plnlr</a> but not fully working...</p>
  
  <p>Regards
  Kiran</p>