Loop promises in Angular.js / Run list of actions sequantually

0-readme.md

The provided example will allow you to do sequential requests to the server in Angular.js.

It will iterate all the items and call server for each item, however, if one request will fail, all sequential requests will be aborted.

If you need to call all requests no matter what, just replace promise.then() with promise.finally().

Cheers!

loop-promise.js

var listOfItems = [1, 2, 3, 4, 5];

// Creating an empty initial promise that always resolves itself.
var promise = $q.all([]);

// Iterating list of items.
angular.forEach(listOfItems, function (item) {
  promise = promise.then(function () {
    return $timeout(function () {
      console.log('Item executed: ' + item);
    }, 2000);
  });
});

promise.finally(function () {
  console.log('Chain finished!');
});

Thank you for sharing this solution. Spent whole day to find an elegant solution, finally got it!

Cheers.
Karen