我正在尝试将 getstream API 包装在一个 Angular 服务(工厂)中

这是我的代码:

.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 token 。此数据以 Angular promise 返回。

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

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

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

最佳答案

您没有返回提要 promise object 以及 data 没有从 feed 方法正确返回。所以为了实现同样的事情,请使用 .then over $http 来维护 promise 链接

代码

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;
            })
        })
    },
}

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

关于javascript - 从 promise 返回的对象未定义,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36320082/

10-11 10:19
查看更多