AngularJS $http.get within a $http.get

Question

I make a get call and retrieve some data that I want to use to make another get call and place that data within the $scope. Something like this.

$http.get('api/url/items').then(function(res){
  $scope.items = res.data;
  $http.get('api/url/names/' + res.data[0].id).then(function(res){
    console.log(res.data.name);
    $scope.name = res.data.name;
  }
}

The $scope.items is being populated but the $scope.name is not. The console.log gives the correct data but seemingly after the view as been rendered. How can I get the second $http.get to populate the within the $scope before rendering the view?

Anik Islam Abhi · Accepted Answer · 2016-02-19 17:45:53Z

1

Convert this

$http.get('api/url/names/res.data[0].id')

to this

$http.get('api/url/names/'+res.data[0].id)

answered Feb 19, 2016 at 17:45

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

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

1 Comment

Benjamin Franck Over a year ago

Sorry that was a typo in the question, your response is how I have it in my code.

Benjamin Franck · Accepted Answer · 2016-02-19 18:36:40Z

0

I had two problems in my original code that was not in my simplified question that I now solved.

I was using a function to call the second $http.get. By the time that function callback came the original $http.get had already resolved so I moved that function code within the first $http.get.
I was using a for loop (var i) to both call the second $http.get function and set the value within my $scope.items[i]. By the time the $http.get resolved that i var already reached it's limit causing an undefined error. I created a counter var to change only within the second $http.get so the indexes match correctly.

answered Feb 19, 2016 at 18:36

Benjamin Franck

12 bronze badges

Collectives™ on Stack Overflow

AngularJS $http.get within a $http.get

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related