Unable to return data object from $http jsonp $q.defer

Question

when i console.log(getUserData()) i get Promise {$$state: Object} but how can i retrieve actual value from this returned $$state object so the output be [someArray] or {someObject}..

getUserData = function(){
var defer = $q.defer();
$http.jsonp('http://api.zoopla.co.uk/api/v1/property_listings.js?area='+localData.area_name+'&api_key=xxx&jsonp=someCallback')
 someCallback = function(userData){
     //console.log(userData);
       defer.resolve(userData)
    }
    return defer.promise;
 };
console.log(getUserData())

Answer 1

That function returns promise. So you'll need to handle it properly. You expect async code to behave syncronously

getUserData = function(){
var defer = $q.defer();
$http.jsonp('http://api.zoopla.co.uk/api/v1/property_listings.js?area='+localData.area_name+'&api_key=xxx&jsonp=someCallback')
 someCallback = function(userData){
     //console.log(userData);
       defer.resolve(userData)
    }
    return defer.promise;
 };

getUserData().then(function (data) {
    console.log(data);
});

More about angular deffered and promises: https://docs.angularjs.org/api/ng/service/$q

Answer 2

try this console.log(userData.data);

OR

$http.get('http://api.zoopla.co.uk/api/v1/property_listings.js?area='+localData.area_name+'&api_key=xxx&jsonp=someCallback';

 then yourService.getUserData().success(function('success',data){
   data
  }).
  error(function(data, status, headers){status, headers});