VitezKoja VitezKoja - 3 years ago 49
AngularJS Question

Use response from one $http in another $http in Angularjs

First of all I want to use $http in order to receive some data (e.g. students), then I want to make another $http call to get e.g. studentDetails. After that I want to append some part of studentDetails to students JSON.
Also I need response from the first call in order to create the url for the second call.

Problem is that I cannot access response of the first http call inside the another.
Does anybody know how this can be done?

var getStudents = function(){
var deferred = $q.defer();
return deferred.promise;
var appendStudentDetails = function(){
var studentsWithDetails = response;
for(var i=0; i<studentsWithDetails.length; i++){

//here I want to append the details,
//received from the second http call, to each student
//of the array received from the first http call

//PROBLEM: I cannot access response of the
//first http call inside the another

Answer Source

You're using the deferred anti-pattern as well as the deprecated success/error-callbacks. You should instead use then, since it returns a promise, and you can chain promises.

Here's an example of how you could do it:

function getStudents(){
    return $http.get('[someurl]');
function appendStudentDetails(studentsWithDetails){
    for(var i=0; i<studentsWithDetails.length; i++){
function appendSingleStudentDetails(singleStudent){
            // Append some stuff
            singleStudent.stuff =;

// Call it like this:
    .then(function(response){ return; })

I decided to structure the appendStudentDetails function a little differently, based on its name, but you could as easily just call getStudents() within the method as you did before.

Beware not to use the i-variable inside your inner then-function, as that would cause you troubles with closure.

Edit: Fixed example to avoid problem with i being under closure.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download