Wait for Async process to complete within Loop

See more:

AngularJs

Hi Everyone,

I got struck in one concept for long time, somehow able to complete the task using alternative methods but still i would like to know the exact procedure to do it. so here we go.

Problem Code :

var values=[a,b,c,d];

angular.forEach(values,function(value,key){

console.log('loop '+value+'Started');
var status=loading;
console.log('loading',value);
someAsyncMethod().then(function(status){   
console.log('status of '+value + 'is '+status);  // loop doesn't wait for this code to complete
},function(error){
console.log('error occured for value'+ error);
})
console.log('loop '+value+'ended'); // jumps to this code directly and continues the loop
})

Im not that good in syntax so please give me some suggestion on it.