从promise返回的对象未定义

时间:2016-03-30 21:28:53

标签: javascript angularjs promise angular-promise getstream-io

我正在尝试将getstream API包装在角度服务(工厂)

这是我的代码:

.factory('FeedStream', function($http, $q) {

    var client = stream.connect('xxxxxxxxxxx');

    return {
        feed : function() {
            $http.get('/api/feed/auth/')
            .success(function(auth) {

                var user_feed = client.feed('user', auth.user, auth.token);
                console.log(user_feed.get());

                user_feed.get().then(function(data) { 
                    console.log(data);
                    return data;
                })
            })
        },
    }

首先,我使用端点/ api / feed / auth /从我的服务器获取user_id和auth令牌。这个数据以有角度的承诺返回。

接下来,我使用此数据调用getstream api来获取user_feed对象。如果我返回此对象(user_feed),则它在控制器中未定义。如果我在服务中将其打印到控制台,则它具有正确的值。我注意到在返回后打印发生了半秒左右。 为什么这个变量的赋值是异步发生的?

现在,如果我在console.log语句中调用此get对象上的user_feed方法,则会打印出一个Javascript promise对象。如果我return user_feed.get(),它会向控制器返回undefined。如果我在上面的代码中在服务中调用它,并在promise then语句中返回数据对象,它会将undefined返回给控制器。但是,如果我打印data对象,则它具有正确的值。

为什么我不能从此服务返回任何对象?我错过了使用承诺的一些基本方面吗?

1 个答案:

答案 0 :(得分:5)

您尚未返回Feed保证object以及data方法未正确返回feed方法。因此,为了达到同样的目的,请使用.then over $ http来保持承诺链接

<强>代码

return {
    feed : function() {
        //return `$http.get` promise
        return $http.get('/api/feed/auth/')
        .then(function(response) {
            var auth = response.data;
            var user_feed = client.feed('user', auth.user, auth.token);
            console.log(user_feed.get());
            //return `$http.get` to return internal promise
            return user_feed.get().then(function(data) { 
                console.log(data);
                return data;
            })
        })
    },
}

<强>控制器

FeedStream.feed().then(function(data){
   console.log("data returned by user feed", data)
})