在AngularJs中同步进行多个http调用

Question

I am using AngularJs in my project. I have to make multiple http calls and then return the consolidated result to my view. How to achieve this using AngularJs?

Please let me know since I am not an expert in AngularJs and need a proper approach to solve this.

Answer 1

Use the promise API:

var wheatherPromise = $http.get(...);
var timePromise = $http.get(...);

var combinedPromise = $q.all({
    wheather: wheatherPromise,
    time: timePromise
})

combinedPromise.then(function(responses) {
    console.log('the wheather is ', responses.wheather.data);
    console.log('the time is ', responses.time.data);
});

See the documentation for more details

Answer 2

• make ur $http request in a seperated function or (AJS service is recommended).
• call that function in a for loop based on ur list
• declare a scope variable holds an empty array inside the function
• push response objects in the array

avoid defining $http.get inside a for loop which cause unexpected behavior