AngularJS access JSON Object returned from $http.get

Question

I try to access to json object generated by google api.

function getAvengers() {
    return $http.get('https://maps.googleapis.com/maps/api/geocode/json?address=1600+Amphitheatre+Parkway,+Mountain+View,+CA')
        .then(getAvengersComplete)
        .catch(getAvengersFailed);

    function getAvengersComplete(response) {
        return response.data;
    }

    function getAvengersFailed(error) {
        console.log('XHR Failed for getAvengers.' + error.data);
    }
}
TestCtrl.dataTest = dataservice.getAvengers();
console.log(TestCtrl.dataTest.status);

Log generate undefined. Could you help me?

Thanks

Tamas Hegedus · Accepted Answer · 2016-01-07 10:56:44Z

3

As getAvengers returns with a promise, you cannot use it's result as an immediate value, but you can subscribe to it's resolution. See a promise tutorial for more details.

function getAvengers() {
    return $http.get('https://maps.googleapis.com/maps/api/geocode/json?address=1600+Amphitheatre+Parkway,+Mountain+View,+CA')
        .then(getAvengersComplete)
        .catch(getAvengersFailed);

    function getAvengersComplete(response) {
        return response.data;
    }

    function getAvengersFailed(error) {
        console.log('XHR Failed for getAvengers.' + error.data);
    }
}
TestCtrl.dataTest = null;
dataservice.getAvengers().then(function(data) {
  TestCtrl.dataTest = data;
  console.log(TestCtrl.dataTest.status);  
});

edited Jan 7, 2016 at 10:56

answered Dec 7, 2015 at 9:23

Tamas Hegedus

30.1k12 gold badges67 silver badges102 bronze badges

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

3 Comments

Raja Sekar Over a year ago

even though it works, This seems to be legacy code. Write a separate service and DI in your controller.

Tamas Hegedus Over a year ago

@Raj I think he has separate components, as he is referencing the getAvengers function through a dataservice variable. I think he has DI but only copied the relevant code.

Tamas Hegedus Over a year ago

@EthanHunt You are very welcome. If you found my answer helpful you can even mark it accepted, so the question gets closed.

Collectives™ on Stack Overflow

AngularJS access JSON Object returned from $http.get

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related