等到 $http 完成，以便在 AngularJS 中输出结果

Question

如何使用我的函数等待 $http 请求完成？

我的services.js 如下所示：

var app = angular.module('starter.services', []);

app.factory('Deals', function($http) {
    function getDeals() {
        $http.get('http://www.domain.com/library/fct.get_deals.php')
        .success(function (data) {
            var deals = data;
            return deals;
        })
        .error(function(err){
      });
  }

  return {
    all: function() {
        return getDeals();
    },
    get: function(keyID) {
        //...
    }
  }
});

我的controllers.js 看起来像：

var app = angular.module('starter.controllers', []);

app.controller('DealCtrl', function($scope, Deals) {
    $scope.deals = Deals.all();
    console.log($scope.deals);
});

我的controllers.js 文件中的console.log 输出“未定义”，但是当我在getDeals() 函数中输出交易时，它包含我从服务器获取的正确数组。

我做错了什么？

Answer 1

$http 和 angularjs 中的所有异步服务都返回一个 promise 对象。见promise api。

您需要使用then 方法将其分配给范围内的值。

所以你的控制器：

app.controller('DealCtrl', function($scope, Deals) {
    Deals.all().then(function (deals) {
        $scope.deals = deals;
        console.log($scope.deals);
    });
});

您的服务

app.factory('Deals', function($http) {
    function getDeals() {
        return $http.get('http://www.domain.com/library/fct.get_deals.php')
        .success(function (data) {
            var deals = data;
            return deals;
        });
  }

  return {
    all: function() {
        return getDeals();
    },
    get: function(keyID) {
        //...
    }
  }
});