AngularJS服务函数没有返回承诺

时间:2015-07-26 19:31:19

标签: javascript angularjs http service controller

我对Angular很新,所以如果你们需要更多信息,请告诉我,我会在这里添加。

我有一个控制器对一个服务进行函数调用,该服务应该返回HTTP.get函数检索的一些数据。但是目前它似乎没有返回任何数据或承诺。

以下是调用和处理来自服务

的数据的控制器代码
var onRecentBlogPosts = function(data) {
    $scope.recentBlogPosts = data;
    $log.info($scope.recentBlogPosts);
    $log.info(JSON.stringify($scope.recentBlogPosts));
}

var onError = function(response) {
    $('.error-container').html("<div class='messages error'>Could not fetch the data. <br /><br />More information: <br />"+response+"</div>");
}

$q.when(backend.getRecentPosts).then(onRecentBlogPosts, onError);

我也试过

backend.getRecentPosts.then(onRecentBlogPosts, onError);
//but then I get the error
TypeError: backend.getRecentProjects.then is not a function

被调用的服务'后端'函数是getRecentPosts

服务代码:

(function() {
var backend = function($http, $q) {
    var getRecentPosts = function() {
        return $http.get("http://example.com/blog")
                    .then(function(response) {
                        return response.data;
                    });
    };

    return {
        getRecentPosts: getRecentPosts
    };
};


var module = angular.module("moduleName");
module.factory("backend", backend);

}());

当我查看控制台时(在执行成功函数执行的行之后),我得到了

function getRecentPosts()
undefined

这里的目标是将所有与http相关的功能放在服务中,然后从不同的控制器中调用它。我不确定我是否应该从http电话或两者的组合中收到承诺或数据返回。

所以我的更大的问题是: 我如何编写我的服务编码&amp;服务功能,以便我可以从不同的控制器调用它们并接收承诺/数据?

1 个答案:

答案 0 :(得分:1)

backend.getRecentPosts().then(onRecentBlogPosts, onError);

你忘了打电话给这个功能。也没有必要在工厂里面

var getRecentPosts = function() {
        return $http.get("http://example.com/blog")
};