Angular .controller() chạy trước .run()

Question

Tôi có một cuộc gọi ajax bên trong .run() tải một biến vào $ rootScope Biến đó là cần thiết trong bộ điều khiển kết hợp với một khung nhìn.

Lỗi Loại::

Đôi khi trên refresh (F5) bởi thời điểm .controller đang tải không có gì bên trong $ rootScope.user.fedUnit kết quả là không thể đọc thuộc tính 'fedUnit' không xác định

Bất kỳ cách để trì hoãn việc tải bộ điều khiển cho đến sau khi .run() kết thúc? Dường như không thể tìm thấy nó.

app.run(function($rootScope, $http, $location, SessionFactory, TokenHandler) { 
    token = TokenHandler.getToken(); 
    if (token != null) { 
     SessionFactory.get({ token : token }, 
      function success(response, responseHeaders) { 
       $rootScope.user = response; 
      } 
     ); 
    } 
}); 

app.controller('UnitController', function($scope, $rootScope, $location, UnitFactory) { 
    $scope.updateUnits = function() { 
     UnitFactory.query({fedUnit: $rootScope.user.fedUnit}, function success(response, responseHeaders) { ... 

Giải pháp

$rootScope.foo = $q.defer(); 
$rootScope.foo.resolve(); when AJAX is done; 
$rootScope.foo.promise.then(..) in the controller. 

nhờ @misterhiller (twitter)

Answer 1

Giải pháp ở khối mã chức năng:

app.run(function($rootScope, $http, $q, SessionFactory, TokenHandler) { 

    $rootScope.ajaxCall = $q.defer(); 

    token = TokenHandler.getToken(); 
    if (token != null) { 
     SessionFactory.get({ token : token }, 
      function success(response, responseHeaders) { 
       $rootScope.user = response; 

       $rootScope.ajaxCall.resolve(); 
      } 
     ); 
    } 
}); 

app.controller('UnitController', function($scope, UnitFactory) { 

    $scope.ajaxCall.promise.then(function() { 
     $scope.updateUnits = function() { 
      UnitFactory.query({fedUnit: $scope.user.fedUnit}); 
     } 
    }); 
}); 

tôi không sử dụng $ rootScope trong bộ điều khiển.