AngularJS : factory $ http service

Question

저는 Angular에서 공장 및 서비스의 개념을 이해하려고합니다. 컨트롤러 아래에 다음 코드가 있습니다.

init(); 

    function init(){ 
     $http.post('/services', { 
      type : 'getSource', 
      ID : 'TP001' 
     }). 
     success(function(data, status) { 
      updateData(data); 
     }). 
     error(function(data, status) { 

     }); 

     console.log(contentVariable); 
    }; 
    function updateData(data){ 
     console.log(data); 
    }; 

이 코드는 정상적으로 작동합니다. 하지만 공장에 $ http 서비스를 옮길 때 컨트롤러에 다시 데이터를 반환 할 수 없습니다. $ HTTP도 컨트롤러

컨트롤러에서 당신의 studentSessions 서비스 이동의 목적은 문제의 분리를 달성하는 것입니다

Answer 1

에서 작동하기 때문에

studentApp.factory('studentSessionFactory', function($http){ 
    var factory = {}; 
    factory.getSessions = function(){ 
     $http.post('/services', { 
      type : 'getSource', 
      ID : 'TP001' 
     }). 
     success(function(data, status) { 
      return data; 
     }). 
     error(function(data, status) { 

     }); 
    }; 
    return factory; 
}); 

studentApp.controller('studentMenu',function($scope, studentSessionFactory){ 
    $scope.variableName = []; 
    init(); 
    function init(){ 
     $scope.variableName = studentSessionFactory.getSessions(); 
     console.log($scope.variableName); 
    }; 
}); 

가이 공장을 사용하여 어떤 장점이다. 서비스의 역할은 서버와 대화하는 방법을 알고 컨트롤러의 작업이보기 데이터와 서버 데이터간에 변환하는 것입니다.

하지만 비동기 처리기와 무엇을 반환하는지 혼란 스럽습니다. 컨트롤러는 여전히 첫 번째 대답은 중대하다

studentApp.factory('studentSession', function($http){ 
    return { 
     getSessions: function() { 
      return $http.post('/services', { 
       type : 'getSource', 
       ID : 'TP001' 
      }); 
     } 
    }; 
}); 

studentApp.controller('studentMenu',function($scope, studentSession){ 
    $scope.variableName = []; 

    var handleSuccess = function(data, status) { 
     $scope.variableName = data; 
     console.log($scope.variableName); 
    }; 

    studentSession.getSessions().success(handleSuccess); 
}); 

Answer 2

데이터가 나중에받을 때 무엇을해야 하는지를 서비스를 ... 말할 필요하지만, 어쩌면 당신이 이해할 수있는 그런 다음

studentApp.factory('studentSessionFactory', function($http){ 
    var factory = {}; 

    factory.getSessions = function(){ 
     return $http.post('/services', {type :'getSource',ID :'TP001'}); 
    }; 

    return factory; 
}); 

:

studentApp.controller('studentMenu',function($scope, studentSessionFactory){ 
     $scope.variableName = []; 

     init(); 

     function init(){ 
      studentSessionFactory.getSessions().success(function(data, status){ 
       $scope.variableName = data; 
      }); 
      console.log($scope.variableName); 
    }; 
});