using for loop and asynchronus services in angular js

Question

I want to iterate over a loop and call a service (which is asynchronus) for each item -

 for(var i=0;i<$scope.objs.length;i++) {
        var obj= $scope.objs[i];            
        api.invoke({
            //parameters
        }).then(function (members) {
            $scope.setInfo(obj.name,members);   
        }, function (fail) {
            console.log("failed");
        });  
    }

But, as it is asynchronus , obj value is getting ovrewritten before I can send it to the method - setInfo(). How can I avoid it?

i have to cal api for each array object. How can I do it then? (if not loop) — user4316080
– user4316080, Commented May 27, 2015 at 9:18
You can pass array of objects in $scope.setInfo and let api call each time and you can obviously put a loop inside defination of setInfo() — Shubham Nigam
– Shubham Nigam, Commented May 27, 2015 at 9:21

Pankaj Parkar · Accepted Answer · 2015-05-27 09:23:43Z

1

You could achieve this by using angular.forEach which would have value that will be available for that particular function level.

Code

angular.forEach($scope.objs, function(value, index) {
    api.invoke({
        //parameters
    }).then(function(members) {
        $scope.setInfo(value.name, members);
    }, function(fail) {
        console.log("failed");
    });
})

OR same thing can be done by creating anonymous function.

answered May 27, 2015 at 9:23

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

Collectives™ on Stack Overflow

using for loop and asynchronus services in angular js

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