Passing parameters to promise's callback in angularjs

Question

I am trying to figure out is there is any way to pass in an index argument to a promise's callback function. For instance.

serviceCall.$promise.then(function(object){
    $scope.object = object;
});

Now I want to pass in an array index parameter as

serviceCall.$promise.then(function(object,i){
    $scope.object[i] = something;
});

Can this be done? Please let me know.

Here is the code below

StudyService.studies.get({id:    
$routeParams.studyIdentifier}).$promise.then(function(study) {
$scope.study = study;
for(var i=0;i<study.cases.length;i++){
  StudyService.executionsteps.get({id:   
  $routeParams.studyIdentifier,caseId:study.cases[i].id})
      .$promise.then(function(executionSteps,i){
      $scope.study.cases[i].executionSteps = executionSteps;
      });
  }
});

Object is just another Class called Study that contains inside it a list of cases, each of these cases has a list of steps. So I need to be able to index inside of the callback function. — user3799365
– user3799365, Commented Jul 25, 2014 at 19:37
possible duplicate of Can promises have multiple arguments to onFulfilled? — Benjamin Gruenbaum
– Benjamin Gruenbaum, Commented Jul 26, 2014 at 7:51

sfletche · Accepted Answer · 2015-04-08 17:40:38Z

21

you can use a closure for that.

for example, in your code, use something like:

function callbackCreator(i) {
  return function(executionSteps) {
    $scope.study.cases[i].executionSteps = executionSteps;
  }
}
StudyService.studies.get({id: $routeParams.studyIdentifier})
  .$promise.then(function(study) {
    $scope.study = study;
    for(var i=0;i<study.cases.length;i++) {
      var callback = callbackCreator(i);
      StudyService.executionsteps.get({id: $routeParams.studyIdentifier,caseId:study.cases[i].id})
        .$promise.then(callback);
   }
});

edited Apr 8, 2015 at 17:40

sfletche

50.1k32 gold badges110 silver badges120 bronze badges

answered Jul 25, 2014 at 20:04

Yaron Schwimmer

5,3675 gold badges40 silver badges60 bronze badges

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

1 Comment

Josh Diehl Over a year ago

This answer elaborates a bit on defining a function that returns a callback that can use additional data.

Dylan · Accepted Answer · 2014-07-25 19:51:36Z

0

I've done something similar and I put a promise on each and then used $q.all() on the array of promises like:

$q.all( arrayOfPromises )
.then(function(results) {
   console.log(results[0], results[1], results[2]);
});

answered Jul 25, 2014 at 19:51

Dylan

4,7831 gold badge22 silver badges27 bronze badges

1 Comment

SM3RKY Over a year ago

This doesn't give the opportunity to pass the key through to the .then() function. You have just hardcoded the keys in the JS

Collectives™ on Stack Overflow

Passing parameters to promise's callback in angularjs

2 Answers 2

1 Comment

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Linked

Related