AngularJS - опрос в постоянное хранилище данных

Question

Angular noob здесь. Я создаю приложение, которое нужно опросить URL-адрес каждую секунду, и сохраняйте эти данные настойчиво, так как к ним нужно обращаться несколькими видами/контроллерами.

Что я сделал, чтобы обработать это, я передал свой http-запрос на завод, и данные становятся доступными для контроллеров через функции на заводе. Проблема, с которой я сейчас сталкиваюсь, заключается в том, что фабричная функция вызывается перед HTTP-запросом, вызывая ошибки в моем приложении.

Вот код:

App.factory('metrics', function($http){ 
    var service; 
    var users = [{laps:[]}]; 
    var updateMetrics = function(){ 
     //updates the users array in the factory 
    }; 
    $http.get('data.csv').success(function(data) { 
     var temp_array = data.split(" "); 
     updateMetrics(0, temp_array); 
    }); 

    service.lastLapInfo = function(){ 
     var lastlap = []; 
     for (var i=0; i<users.length;i++) 
     { 
      var lap = users[i].laps[users[i].laps.length-1]; 
      lastlap.push(lap); 
     } 
     return lastlap; 
    }; 
    return service; 
}); 

App.controller('mainController', function($scope, $http, metrics) { 
    $scope.users=metrics.lastLapInfo(); 
}); 

lastLapInfo() становится вызывается перед запросом HTTP, который вызывает ошибки, поскольку нет никаких данных в массиве. Есть предположения?

Дополнительно - если я вообще ошибаюсь, чтобы удовлетворить мой прецедент (например, я должен использовать что-то другое вместо Factory), дайте мне знать!

Answer 1

Это типичный вариант использования обещаний или углового $q service.

Следующий подход, использует завод, который возвращает обещание:

App.factory('metrics', function($http){ 
    var service; 
    ... 
    service.load = function() { 
     return $http.get('data.csv'); 
    }); 
    return service; 
});  

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

App.controller('mainController', function($scope, $http, metrics) { 
    metrics.load().then(function(response) { 
     // at this point you know for sure that the request has terminated 
     // you can call the service again to run lastLapInfo or do the logic in here. 
    }); 
}); 

Answer 2

Если у вас нет данных сразу, либо иметь дело с этим, указав его в возвращаемом значении (null, undefined, []), или return a promise вместо этого, который вы хотите хранить и решить позже, после извлечения данных первоначально.

Так что-то вроде

var deferred = null; 

$http.get(...).then ({ 
    if (deferred) { 
    deferred.resolve(result); 
    deferred = null; 
    } 
}); 

service.lastLapInfo = function(){ 
    if (no metrics) { 
    deferred = $q.defer() 
    return deferred; 
    } 
    else { 
    return metrics; 
    } 
}; 

должен работать, в зависимости от того, как вы хотите, чтобы структурировать ее.

Редактировать: связанный $q с комментария.