异步API后未定义Angular $rootScope属性[重复]

Question

我有主控制器：

.controller('mainCtrl', ['$scope', '$rootScope', 'Data', '$http', '$log', '$filter', '$q', '$timeout', function($scope, $rootScope, Data, $http, $log, $filter, $q, $timeout){

            Data.get('customers').then(function(data){
                $scope.customers = data.data;
                $rootScope.language = data.data[0].language;
            });

            $rootScope.word_pub_curr_lang = 'word_pub_' + $rootScope.language;
            console.log('from maincrtl', $rootScope.word_pub_curr_lang);

    }]);

问题是我无法接收 $rootScope.word_pub_curr_lang 或 $rootScope.language - 始终未定义。

Answer 1

它变得未定义，因为它在你真正从请求中获取值之前被打印出来，把它们放在里面，

controller('mainCtrl', ['$scope', '$rootScope', 'Data', '$http', '$log', '$filter', '$q', '$timeout', function($scope, $rootScope, Data, $http, $log, $filter, $q, $timeout){
            Data.get('customers').then(function(data){
                $scope.customers = data.data;
                $rootScope.language = data.data[0].language;
                $rootScope.word_pub_curr_lang = 'word_pub_' + $rootScope.language;
               console.log('from maincrtl', $rootScope.word_pub_curr_lang);
            });

    }]);