AngularJS : 컨트롤러에서 반환 된 정의되지 않은 값

Question

저는 angularJS를 사용하여 http 리소스에 액세스하는 팩토리를 작성합니다. 요청에 따라 로컬에서 반환되는 데이터를 볼 수 있지만 데이터가 컨트롤러에 반환되지 않습니다. 여기 내 공장은 다음과 같습니다 :

myNameSpace.factory('simpleFactory', function ($http) { 
var factory = {}; 
var customers = []; 
factory.getCustomers = function() { 
    $http.jsonp('http://URL&callback=JSON_CALLBACK').success(function (data) { 
     customers = data; 
     return customers; 
    }) 
} 

return factory; 

}});

내 컨트롤러는 다음과 같습니다

myNameSpace.controller('DetailsController', function ($scope, $http, simpleFactory) { 
var cust = simpleFactory.getCustomers(); 
$scope.CustomerData = simpleFactory.getCustomers(); 
console.log(cust); //The value that is display here is undefined 
}); 

Answer 1

은 $ HTTP 호출하면 콜백을 통해 결과를 전송해야합니다 의미 아약스 비동기 호출입니다. 이 도움이 될 수

myNameSpace.factory('simpleFactory', function ($http) { 
var factory = {}; 
factory.getCustomers = function (callback) { 
    $http.jsonp('http://URL&callback=JSON_CALLBACK').success(callback); 
} 

return factory; 

}); 

는 여기를 사용하는 방법은 다음과 같습니다 :

myNameSpace.controller('DetailsController', function ($scope, $http, simpleFactory) { 
    simpleFactory.getTopOffenders(function(offenders) { 
     $scope.topoffendersData = offenders; 
    }); 
});