Angular js $ rootScope。$ on根本就不會到達

Question

當我將console.log移動到rootscope.on上方時，它會打印出來，但是由於某種原因，好像根本沒有到達rootscope.on一樣：

'use strict';

var app = angular.module('myApp', ["ui.router"]);

app.config(function($stateProvider, $urlRouterProvider) {

  $urlRouterProvider.otherwise('/login');

  $stateProvider
    .state('app', {
      template: "<ui-view></ui-view>",
      abstract: true
    })
    .state('app.login', {
      url: '/login',
      controller: 'loginCtrl',
      templateUrl: 'content/auth/login.html',
      requireLogin: false,
      authorized: true
    })

    .state('app.register', {
      url: '/register',
      controller: 'registerCtrl',
      templateUrl: 'content/auth/register.html',
      requireLogin: true,
      authorized: true
    });
});


app.run(function($rootScope, $state) {

  $rootScope.$('$stateChangeStart', function(event, toState) {

    console.log("redirecting");

  })

});

Answer 1

您實際上並沒有打電話給$on 。

更改

 $rootScope.$('$stateChangeStart', function(event, toState) {

    console.log("redirecting");

  })

至

  $rootScope.$on('$stateChangeStart', function(event, toState) {

    console.log("redirecting");

  })