从服务中获取异步数据

Question

我尝试在服务中请求一些数据。我想确保将数据保存在服务的变量中，因为由于状态更改，我的控制器将一直重新加载，并且在站点加载时我只需要一次数据。

  app.service('resultDeals',['$translate','$cookies','$http',
    function($translate,$cookies,$http) {

      var currentOrigin = {};
      var originsUser={};

      return {

        loadOrigins:function() {
          $http.get('app/deals/deal.json').success(function(response){
            console.log(response);
            originsUser = response.data;
            return originsUser
          }).error(function(err){
            console.log(err);
          });
        },
        userOrigin:originsUser

      };

    }]);

我的控制器如下所示

console.log(resultDeals.loadOrigins());
    $scope.updateOrigins=resultDeals.loadOrigins();

问题是resultDeals.loadOrigins() 总是未定义。

我想确保将从 loadOrigins() 获得的数据存储在服务变量中，并且仅在需要时从控制器访问它，这样当控制器重新加载时就不必再获取数据了。

我该怎么做？

Answer 1

不要使用.success & .error 回调函数，因为它们没有能力返回任何东西，因此它们不能继续承诺链。而是在$http.get 方法上使用.then（它返回一个promise 对象）。这将具有return data 的能力，而promise 是resolved 或reject 一个promise。您可以从控制器方法继续 promise 链。

服务

return {
    loadOrigins: function() {
        return $http.get('app/deals/deal.json')
          .then(function(response) {
            console.log(response);
            originsUser = response.data;
            return originsUser
          }, function(err) {
            console.log(err);
          });
    },
    userOrigin: originsUser
};

控制器

resultDeals.loadOrigins().then(function(user){
   $scope.updateOrigins= user;
}, function(){
   console.log("Errror occurred.")
})

Answer 2

在处理异步代码时，您必须处理 Promise。 loadOrigins 必须返回一个承诺并且你的控制器必须使用它。

app.service('resultDeals',['$translate','$cookies','$http', '$q',
function($translate,$cookies,$http,$q) {

  var currentOrigin = {};
  var originsUser={};

  return {

    loadOrigins:function() {
      var deferred = $q.defer();

      $http.get('app/deals/deal.json').success(function(response){
        console.log(response);
        originsUser = response.data;
        deferred.resolve(originUser),
      }).error(function(err){
        console.log(err);
        deferred.reject();
      });

      return deferred.promise;
    },
    userOrigin:originsUser
  };

}]);

// In controller
resultDeals.loadOrigins().success(function(updateOrigins) {
    $scope.updateOrigins = updateOrigins;
}).error(function() {
    console.log('bad !');
});