无法从控制器访问$rootScope属性

Question

在angular的运行块中，我正在$rootScope上设置一个属性，但当控制器执行时，$rootScope不存在该属性。

当应用程序启动时，在调试器中，我看到"adal:loginAccess"处理程序被执行，$rootScope.isAdmin确实被设置为"true"，但是当控制器开始执行$rootScope时，$rootScope上不存在$rootScopee.isAdmin。为什么？下面是我的代码

app.js

    var main = angular.module('mymodule', [
        'ngAnimate','ngRoute','Mycontrollers','AdalAngular'...
    ]);
    main.config(['$httpProvider','adalAuthenticationServiceProvider', function ($httpProvider,adalProvider) {  
        adalProvider.init(
            {
                // config Azure Client ID Here
            },
            $httpProvider
            );
    }]);
    main.run(["$rootScope", "$state", "API", "usSpinnerService",
        function ($rootScope, $state, API, usSpinnerService,) {      
             $rootScope.$on("adal:loginSuccess", function () { 
                       $rootScope.isAdmin = user.isAdmin;
             });
        }]);

Controller.js

angular.module('Mycontrollers', [])
    .controller('HeaderCtrl', ['$rootScope','$scope',   'adalAuthenticationService', function ($rootScope, $scope, adalAuthenticationService) {
    //$rootScope.isAdmin is set in angular's run block above
    //however $rootScope.isAdmin does not exists here, WHY????? 
    }])

Answer 1

因为您有var main = angular.module('mymodule', [...])，所以您的应用程序名为"mymodule"；但是，对于控制器，您有angular.module('Mycontrollers', [])。您所做的是实例化Angular的一个新实例。Angular只会引导实例化的第一个实例，因此需要使用angular.bootstrap，但我猜这实际上不是您想要的。将angular.module('Mycontrollers', [])替换为angular.module('mymodule').controller(...)。请注意缺少括号。现在您正在使用已经实例化的模块。