AngularJS - 服务中未定义的 $rootScope 属性值

Question

我目前正在 $rootScope 中创建一个新属性并在一个模块中设置它的值。

$rootScope.test = 123;

我稍后会尝试在服务函数中引用此值。

.factory("testFactory", function ($location, $http, $rootScope) {
    /* .... */
    return {
        testFunction : function(){
            console.log($rootScope);
            console.log($rootScope.test);
        },
        /* .... */

当我在 Chrome 中查看控制台输出时，我可以看到在 $rootScope 对象中正确设置了 test 的值，但我无法使用 $rootScope.test 语法进行引用。 $rooScope.test 只是返回 undefined。

是否有任何理由不能在服务中引用 $rootScope 的属性值？还是我试图不正确地检索此值？

---

更新 - 我创建了一个 Plunker 来演示我遇到的问题。 http://plnkr.co/edit/ePEiYh

Answer 1

这应该可以正常工作：

var myApp = angular.module("myApp", []);

myApp.run(['$rootScope', function($rootScope){
    $rootScope.test = 123;
}]);

myApp.controller('AppController', ['$rootScope', function ($rootScope) {
    console.log($rootScope.test);
}]);

Plunker： http://plnkr.co/edit/7NTGOK

我猜你是在 读取值之前写入它。

更新

这里的调试体验真的很奇怪。但是，在我更新的 plunker 中，您可以通过读取后发生写入的时间戳看到：

http://plnkr.co/edit/pn5Wxk