JSON用于初始化服务中的数据

Question

myModule.factory('contactService', ['$http',function ($http) {
    var instance = {};

    $http.get('contacts.json').success(function (data) {
        instance.contacts = data;
    });

    return instance;
}]);

所以我尝试了以下方法，结果成功了：

myModule.factory('contactService', ['$http',function ($http) {
    var instance = {
        contacts:[]
    };

    $http.get('contacts.json').success(function (data) {
        angular.forEach(data, function(item) {
            instance.contacts.push(item);
        });
    });

    return instance;
}]);

我不知道为什么第二个代码片段可以工作，而第一个却不行。有人能帮我理解一下吗？

Answer 1

$HTTP是异步的，因此您不能返回数组，因为当您返回数组时，它可能还没有任何数据。你实际上要回报承诺：

var instance = $http('contacts.json');

return instance;

然后在您的控制器（或另一个服务）中：

contactService.then(function(response) {
  $scope.contacts = response.data;
});

只要记住，无论您在哪里访问您的服务，您都必须作为使用then的承诺与其进行交互。