我在我的应用程序上做了类似于下面的操作,但我无法获得routeChangeSuccess事件.

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: '
Home Screen
'
        templateUrl: "/Client/Views/Home/Home.htm"
      })
      .state('services', {
        url: "/services",
        //template: '
Service screen
'
        templateUrl: "/Client/Views/Home/service.htm"

      });
  });

一个非常简单的HTML如下所示也失败了

  

    

      

        {{menu.name}}
      
    
    
 No data yet!
  

但是,当我点击链接时,我看到视图正在更新,但$ routeChangeSucces事件从未被触发.

有什么我想念的吗？

我遇到的另一个问题是有一个事件可以让我知道视图已经准备就绪,所以我可以开始一些额外的处理,比如document.ready().

plnlr但没有完全工作......

关心Kiran