Angular Js - Warum bekomme ich Unfied in Controller, während ich Daten aus dem Service bekomme?

Question

Ich habe einen Service gemacht und ich bekomme die Daten, aber es gibt keine Sache zum Controller zurück.

Mein Service. js

app.factory('countryService', function ($http) { 
    return { 
     getCountries: function() { 
      $http.get('http://abc/countries') 
        .success(function (data) { 
         console.log(data); 
        }) 
        .error(function (data) { 
         console.log(data); 
        }); 
     } 
    }; 
}); 

Datei und hier ist mein Controller

$scope.countries = function() { 
      $scope.countries_data = countryService.getCountries(); 
      console.log($scope.countries_data); 
     }; 

Was ist mein Fehler?

Answer 1

Möglicherweise müssen einige strukturelle Änderungen tun wie folgt

app.factory('countryService', function ($http) { 
    return { 
     getCountries: function() { 
      return $http.get('http://abc/countries'); //just return promise 
     } 
    }; 
}); 

Let Service geben die promise, tun andere Verfahren in der Steuerung, definieren Erfolg Rückruf und faiure Rückruf für die gleiche

$scope.countries = function() { 
    $scope.countries_data = countryService.getCountries().then(success, failure); // callbaks 
}; 

function success(response){ 
    console.log(response); // logs the results 
} 

function failure(response){ 
    console.log(response); // logs the errors if any 
} 

Hoffe, das wird helfen

Answer 2

In Ihrem Service:

app.factory('countryService', function ($http) { 
    return { 
     getCountries: function() { 
      return $http.get('http://abc/countries') // add return this service 
        .success(function (data) { 
         console.log(data); 
        }) 
        .error(function (data) { 
         console.log(data); 
        }); 
     } 
    }; 
}); 

In Controller:

$scope.countries = function() { 
      countryService.getCountries().then(function(res){ 
$scope.countries_data = res; 
    console.log($scope.countries_data); 
}); 

     };