AngularJS - 轮询持久数据存储

Question

这里有角菜鸟。我正在构建一个需要每秒轮询一个 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 请求之前被调用，因为数组中没有数据。有什么想法吗？

另外 - 如果我通常采用错误的方式来满足我的用例（例如，我应该使用其他东西而不是工厂），请告诉我！

Answer 1

这是 promise 或 Angular 的 $q service 的典型用例。

以下方法，使用返回承诺的工厂：

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

然后在控制器中调用你的指标服务，然后你就可以使用 promise：

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。