데이터가 angularjs 팩토리에서 다시 전달되지 않음

Question

json 파일을 검색하기위한 팩토리를 만들었습니다. 호출 후 해당 객체가 내 콘솔에 출력되지만 데이터는 내보기에 표시되지 않습니다. 내 컨트롤러에서 공장을 올바르게 호출하지 않습니까?

여기 내 응용 프로그램입니다 : (모든 AJAX 요청과 마찬가지로)

var tools = angular.module("tools", []) 

tools.config(function ($routeProvider) { 

    $routeProvider.when('/home', { 
     templateUrl: 'home.html', 
     controller: 'HomeController' 
    }); 
    $routeProvider.when('/about', { 
     templateUrl: 'about.html', 
     controller: 'AboutController' 
    }); 




    $routeProvider.otherwise({ 
     redirectTo: '/home' 
    }) 

}); 

tools.controller("HomeController", function ($scope, fetchData) { 

    $scope.record = fetchData.getData(); 
    $scope.clearSearch = function() { 
     $scope.search = ""; 
     $scope.name2 = ""; 
    } 
    $scope.name2 = ""; 
    $scope.search = ""; 



}); 


tools.controller("AboutController", function ($scope) { 
    //nothing yet 
}); 



tools.factory('fetchData', function ($http) { 
    return { 
     getData: function() { 
      $http({ 
       method: 'GET', 
       url: 'list.json' 
      }). 
      success(function (data, status, headers, config) { 
       console.log(data); 
       return data; 
      }); 
     } 
    } 


}); 

Answer 1

$http 호출이 비동기이기 때문에 콜백에서 return 문은 실제로 컨트롤러로에게 데이터를 반환하지 않습니다. 당신의 서비스에

fetchData.getData(function (data) { 
    $scope.record = data; 
}); 

: 당신의 컨트롤러에서

: 당신은 당신이 그것을 작성한 거의 같은 일, 또는 같은 getData에 콜백을 통과 할 수있는, $resource를 사용하여 보길 원하는 것 중 하나

을

tools.factory('fetchData', function($http) { 
    return { 
     getData: function(cb) { 
      $http({method: 'GET', url: 'list.json'}).success(cb); 
     } 
    } 
});