AngularJS : multiple promise wait all

Question

I have a little question about multiple promise. How can I wait that all promises will be done for return the final result.

See my code :

getInfo : function(){
        return promiseA.then(function(result){
               info  = result;
               //this function have also promises 
               return ServiceA.functionA(info.login)
                      .then(function(favouriteItems){
                          info.favorites = favouriteItems;
                          return $q.when(info);
                       });      
         });       
},

My aims it's to wait the result of ServiceA.functionA before return value.

Thanks

K.L

In this situation impossible to use $q.all(), because function ServiceA.functionA need to use result of promiseA. — iKBAHT
– iKBAHT, Commented Apr 29, 2014 at 7:08
It looks to me like you already are. The promise returned by getInfo will be resolved with info after its favorites item has been modified in the final callback. — Michal Charemza
– Michal Charemza, Commented May 3, 2014 at 16:40

Community · Accepted Answer · 2017-05-23 11:45:58Z

1

I wrote an answer to another question stating the solution to this problem using the $q.all approach.

Check it out: AngularJS: Listen to events, one after the other

edited May 23, 2017 at 11:45

CommunityBot

11 silver badge

answered Apr 28, 2014 at 16:55

Sten Muchow

6,7314 gold badges38 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 11:52:58Z

1

You need to use $q.all()

This is a good post here on the question: stackoverflow.com/questions/21310964/angularjs-q-all

edited May 23, 2017 at 11:52

CommunityBot

11 silver badge

answered Apr 28, 2014 at 16:26

Sam

15.8k26 gold badges89 silver badges151 bronze badges

Comments

km6zla · Accepted Answer · 2014-04-28 16:34:37Z

0

function getInfo() {
  var deferred = $q.defer();

  promiseA.then(function(result){
    info  = result;
    // this function have also promises 
    ServiceA.functionA(info.login)
      .then(function(favouriteItems){
         info.favorites = favouriteItems;
           // the magic
           deferred.resolve(info);
           // at this point, you can resolve any value
      });      
    });
  }

  return deferred.promise;
}

then later you can call that function and get a promise...

var promise = getInfo();
promise.then(successCallback, errorCallback, notifyCallback);

The successCallback will only be called once resolve has been called on the deferred object.

answered Apr 28, 2014 at 16:34

km6zla

4,9272 gold badges32 silver badges53 bronze badges

1 Comment

km6zla Over a year ago

you manually call it with $q.reject(reason) in the error callbacks of the other requests.

iKBAHT · Accepted Answer · 2014-04-29 09:48:08Z

0

getInfo : function() {
  return promiseA.then(function(result){           
    return ServiceA.functionA(result.login).then(function(favouriteItems){
      result.favorites = favouriteItems;
      return result;
    });      
  });       
},

Use like this:

api.getInfo().then(function(result){
  // use result and result.favorites
}, function(err){
  // here you can be if an error occurred in promiseA or in ServiceA.functionA
})

edited Apr 29, 2014 at 9:48

answered Apr 29, 2014 at 7:15

iKBAHT

7226 silver badges20 bronze badges

1 Comment

dirkk Over a year ago

It is always encouraged to give at least a little explanation what your code is doing.

Collectives™ on Stack Overflow

AngularJS : multiple promise wait all

4 Answers 4

Comments

Comments

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related