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!');
});

This was helpful.

Nice.Working Well

👍

Thanks helped a lot

How would you go about nesting additional promises inside a loop inside the promise?

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

  /* have this guy wait until the above are finished */
  promise = promise.then(function () {
    return $timeout(function () {
      angular.forEach(listOfItems, function (item) {
         promise = promise.then(function () {
            return $timeout(function () {
               console.log('Item executed: ' + item);
            }, 2000);
        });
     });
    }, 2000);
  });
});

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

Cheers.
Karen