$ Значение свойства rootScope undefined в службе

Question

У меня есть таблица в базе данных, которую мне нужно получить, прежде чем что-нибудь еще будет на моем сайте. Значения, которые я получаю, я буду использовать все всюду разные контроллеры, директивы, услуги и т.д. Я думал, что лучшее место, чтобы хранить эти значения будут находиться в $rootScope так с этой целью, я сделал следующее:

obApp.run(function($rootScope, ngProgress, $timeout) { 
    $.post('phpProcessingPage', function(data){ 
    $rootScope.domains = JSON.parse(data); //this "domains" property is what i'm interested in 
    }) 
}) 

Я получаю домены обратно без заминки, поэтому все хорошо. Проблема заключается в том, когда я впрыснуть $rootScope в сервис:

obApp.factory('requestOrigin', ['$rootScope', function($rootScope){ 
    console.log($rootScope.domains); //this is undefined at this point 
    return $rootScope.domains; //returns undefined 
}]); 

Это следует ожидать, что не будет там ничего, как ответ придет после того, как сервис-кода выполняется.

Проблема в том, что я использую этот заводский код в нескольких контроллерах, и я не знаю, как отложить его выполнение, так что он ждет, пока я не получу данные из моего вызова ajax.

Я пробовал делать трансляцию, но нет способа (что я знаю), чтобы задержать фабрику retun, даже если в какой-то момент я верну результаты. Как я могу решить эту проблему, которая у меня есть?

ОТВЕТ:

Scrap использование $ rootScope для этого. Контроллер, где я использовать возвращаемые результаты от службы выглядит следующим образом:

oApp.controller(['serviceName', function(serviceName){ 
    serviceName.then(function(response){ 
     //here i have the data from the ajax call, the service made 
     //other things to do 
    }); 
}]); 

И обслуживание выглядит следующим образом:

obApp.factory(['serviceName','$http', function(serviceName, $http){ 
    return $http.post('phpProcessingPage.php', {cache: true}); 
}]); 

Answer 1

Я бы сказал, что вам нужно переделать эту мелочь, используя promises.

Используйте сервис для хранения и возвращает эти данные, и с вашего контроллерами/директив/и т.д., вы можете сделать следующее:

DomainService.getDomains().then(function() { 
    // Do whatever you need, here you'll have the data 
}); 

Теперь служба должна возвращать данные, или взять его с сервера когда он не работает, когда приложение работает в первый раз:

// Domain service 
var domains; 

var getDomains = function() { 
    // using angular's $q service 
    var deferred = $q.defer(); 

    if (domains) { 
     // returns the data without going to the server 
     deferred.resolve(domains); 
    } 
    else { 
     // fetches the data the first time, also notice angular's $http service 
     $http.post('phpProcessingPage', data).then(function(response) 
      domains = response; 
      deferred.resolve(domains); 
     }); 
    } 

    return deferred.promise; 
} 

Answer 2

Вместо того, чтобы использовать JQuery $ услуги вы должны использовать угловой $ HTTP, возвращающие обещание, которое вы можете приложить к своему охвату. Обещание по определению определяется сразу, и ваш объем будет заполнен, когда обещание будет разрешено. Вдобавок к этому угловому шаблону полностью понимают обещания и покажут вашу модель на виду, как только она будет готова.