Repeat .then() as often as there are items

Question

Suppose I have an array var numbers = [0, 1, 2] and an $http request.
I want to chain as many .then() functions after the $http.get() as there are items in numbers. So I want code like

//for each item in numbers
.then(function(){
  $http.get(...)
   .then(function(){
     $http.get(...)
      .then(...)
   })
})

so that the code runs as

.then(
   $http.get(...)
     .then(
        $http.get(...)
          .then(
             $http.get(...)
          )
     )
)

Is that possible?

bjb568 · Accepted Answer · 2014-05-30T01:23:26.713

3

$http.get().then(function() {
    numbers.forEach(callback);
});

Couldn't you just loop thru them? _{(hint: the answer is yes)}

With your edit, you need a different loop! Weee…

var i = 0; //Mind the scope (thanks @PaulS.) - a function wrapper is a good idea
function callback() {
    if (i++ < numbers.length) $http.get().then(callback);
};
$http.get().then(callback);

edited May 30 '14 at 01:23

answered May 30 '14 at 00:55

bjb568

11,089
11
50
71

1

of course I want to do more than just displaying the numbers. The `.then()` calls have to be called after each other – Clawish May 30 '14 at 00:57
1

@Clawish Then you can execute a callback function for everything in the loop. – bjb568 May 30 '14 at 00:58
had to edit the question... – Clawish May 30 '14 at 01:10
2

Watch out for where the closure of `i` happens here, I might've wrapped the whole thing in an _IIFE_ – Paul S. May 30 '14 at 01:22

Repeat .then() as often as there are items

1 Answers1