How can I make an Angular.forEach loop synchronous?

Question

I am making a request to URLs in my forEach loop. I want the calls to be made synchronously...

angular.forEach(param, function(value) {
    FactoryWithURLCallingFunction.URLCallingFunction(param1, value, param3).success(function(data){
        console.log("Url returns: " + data);
        });
    });

Any help on this?

Why do you want them synchronously? You may be better off nesting the promises ? — Christian Phillips
– Christian Phillips, Commented Nov 12, 2015 at 11:17
Use the $q.all method docs.angularjs.org/api/ng/service/$q — devqon
– devqon, Commented Nov 12, 2015 at 11:17
@christiandev - because I require the first request to the url to complete and return before I can start the next one. — user5222688
– user5222688, Commented Nov 13, 2015 at 14:43

dfsq · Accepted Answer · 2015-11-12 11:31:30Z

3

You should not make synchronous AJAX requests (although, it's possible), it's a sure way to making irresponsive UI. Instead, use proper promises capabilities:

$q.all(param.map(function(value) {
    return FactoryWithURLCallingFunction.URLCallingFunction(param1, value, param3).then(function (response) {
        console.log('Url returns:', response.data);
        return response.data;
    });
})).then(function(data) {
    console.log('All loaded:', data);
});

edited Nov 12, 2015 at 11:31

answered Nov 12, 2015 at 11:26

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

Collectives™ on Stack Overflow

How can I make an Angular.forEach loop synchronous?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related