AngularJS：工厂 $http 服务

我试图理解 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 服务移入工厂时，我无法将数据返回到控制器。

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);
    };
});

使用工厂有什么优势吗，因为 $http 即使在控制器下也可以工作

搬家的目的studentSessions控制器之外的服务是为了实现关注点分离。您的服务的工作是知道如何与服务器通信，而控制器的工作是在视图数据和服务器数据之间进行转换。

但是您混淆了异步处理程序以及返回的内容。控制器仍然需要告诉服务稍后收到数据后要做什么......

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);
});