AngularJS foreach delay loop

Question

I want to use delay in my angular.foreach loop. I have a list and I want to display them one by one with 2 seconds periods.

 angular.forEach(vm.SimulationResult, function (value, key) {
                    timeout2 = $timeout(function () {
                        vm.Alerts.push({ msg: value.MainStatus });
                    }, 2000);
                });

what should I do ?

Might be worth reading: stackoverflow.com/questions/3583724/… — Matt Lishman
– Matt Lishman, Commented Apr 5, 2016 at 10:06
is that important ? It is a list with primitive types. @SiddharthAjmera — Egomen
– Egomen, Commented Apr 5, 2016 at 11:16

Duncan · Accepted Answer · 2016-04-05 10:27:39Z

5

Take advantage of the fact that $timeout returns a promise and chain the promises together so that each one starts another promise timeout that will push the next alert:

let promise = $timeout();
angular.forEach(vm.SimulationResult, function(value, key) {
     promise = promise.then(function() {
         vm.Alerts.push({ msg: value.MainStatus });
         return $timeout(2000);
     });
});

(make sure your version of angular is up to date as older versions didn't let you omit the callback function in a timeout)

answered Apr 5, 2016 at 10:27

Duncan

96.4k15 gold badges129 silver badges160 bronze badges

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

3 Comments

iiminov Over a year ago

Worked for me (AngularJS 1.5.8)

Rohidas Kadam Over a year ago

Worked for me as well

hatsrumandcode Over a year ago

Nice! Worked with Angular 1.6.2

Collectives™ on Stack Overflow

AngularJS foreach delay loop

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related