我正在尝试将 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/