컨트롤러에 대한 공장 데이터 반환 항상 정의되지 않음

Question

팩토리에서 데이터를 반환하고 출고시 로깅을 시도하면 정확한 데이터가 출력되지만 컨트롤러에 일단 전달되면 항상 정의되지 않습니다. 컨트롤러 내부에 내 공장 논리가 있으면 제대로 작동합니다. 여기에 실종 된 간단한 무언가가 틀림 없어?

응용 프로그램

var app = angular.module('app', []); 

    app.controller('animalController', ['$log', '$scope', 'animalResource', function($log, $scope, animalResource) { 
     $scope.list = function() { 
      $scope.list = 'List Animals'; 
      $scope.animals = animalResource.get(); // returns undefined data 
      $log.info($scope.animals); 
     }; 
     $scope.show = function() {}; 
     $scope.create = function() {}; 
     $scope.update = function() {}; 
     $scope.destroy = function() {}; 
    }]); 

    app.factory('animalResource', ['$http', '$log', function($http, $log) { 
     return { 
      get: function() { 
       $http({method: 'GET', url: '/clusters/xhrGetAnimals'}). 
        success(function(data, status, headers, config) { 
         //$log.info(data, status, headers, config); // return correct data 
         return data; 
        }). 
        error(function(data, status, headers, config) { 
         $log.info(data, status, headers, config); 
        }); 
      }, 
      post: function() {}, 
      put: function() {}, 
      delete: function() {} 
     }; 
    }]); 

로그인 정보 서비스

[Object, Object, Object, Object, Object, Object, Object, Object, Object, Object] 
    200 function (name) { 
     if (!headersObj) headersObj = parseHeaders(headers); 

     if (name) { 
      return headersObj[lowercase(name)] || null; 
     } 

     return headersObj; 
    } Object {method: "GET", url: "/clusters/xhrGetAnimals"} 

Answer 1

귀하의 get() 방법은 아무것도 반환하지 않습니다. success 콜백 내의 return은 특정 기능에서만 반환됩니다.

돌아 가기 $http 객체

Answer 2

체 당신이 약속을 사용하고 그 공장을 반환하는 방법을 당신이에 정의 기능에 액세스 할 수 사용 도트 구문 컨트롤러의 서비스를 주입 방법에 액세스이다 예 서비스

'use strict'; 
     var app; 

     app = angular.module('app.formCreator.services', []); 

     app.factory('formCreatorService', [ 
      '$http', '$q', function($http, $q) { 
      var apiCall, bjectArrarContainer, deferred, factory, webBaseUrl, _getFormElementsData; 
      factory = {}; 
      deferred = $q.defer(); 
      bjectArrarContainer = []; 
      webBaseUrl = 'https://tools.XXXX_url_XXXXX.com/XXXXXXX/'; 
      apiCall = 'api/XXXXX_url_XXXX/1000'; 
      _getFormElementsData = function() { 
       $http.get(webBaseUrl + apiCall).success(function(formElements) { 
       deferred.resolve(formElements); 
       }).error(function(err) { 
       deferred.reject(error); 
       }); 
       return deferred.promise; 
      }; 
      factory.getFormElementsData = _getFormElementsData; 
      return factory; 
      } 
     ]); 

는 예를 들어 다음과 같이

'use strict'; 
      var app; 

      app = angular.module('app.formCreator.ctrls', []); 

      app.controller('formCreatorController', [ 
       'formCreatorService', '$scope', function(formCreatorService, $scope) { 
       $scope.formElementsData = {}; 
       formCreatorService.getFormElementsData().then(function(response) { 
        return $scope.formElementsData = response; 
       }); 
       } 
      ]);