服务返回空承诺

Question

I have service in which I simulate http request.

eg I have array of object users:

var users = [{
    id: 1,
    name: 'Name1',
    groupId: 2
}, {
    id: 2,
    name: 'Name2',
    groupId: 1
}];

And I have function which ask for it:

this.getUser = function(userId) {
    return this._returnLater(users.filter(function(user) {
        return user.id === userId;
    })[0]).then(angular.copy);
};

and use function returnLater which basicly just set timeout randomly

this._returnLater= function(response) {
    return $timeout(function() {
        return response;
    }, Math.random() * 2000);
};

This looks well for me. However If I try to run this code from my directive as:

var promise = UserService.getUser(1);
promise.then(function(res) {
  aeCtrl.user = res;
});

my aeCtrl.user is empty, if I try to console.log(promise) before promise.then i get this:

Is here someone who can advise me what I'm doing wrong?

Answer 1

You probably need to return a new promise and resolve it in the timeout

this._returnLater= function(response) {
    return new Promise(function(resolve) { 
        $timeout(function() {
            resolve(response);
        }, Math.random() * 2000);
    });
};