AngularJS工厂，服务和HTTP使用

Question

我是新来的学习角度和麻烦了解一些基础知识。

我有如下所示我的控制器线：

$scope.test = fileLoader.loadFile(); 

而且如下所示我厂服务：

angular.module('myWellnessTrackerApp') 
    .factory('fileLoader', function($http) { 

    return{ 
     loadfile : function(fileLoc){ 
     $http.get('data/sideEffects.json').success(function(data) { 
      // you can do some processing here 
      return data; 
     }); 
     } 
    }; 

    }); 

会抛出一个错误。但是，当我控制线是

$scope.test = fileLoader.data; 

我的服务是

angular.module('myWellnessTrackerApp') 
    .factory('fileLoader', function($http) { 

    var obj = {content:null}; 


    $http.get('data/sideEffects.json').success(function(data) { 
     // you can do some processing here 
     obj.content = data; 
    }); 

    return obj; 
    }); 

我不明白，我希望能够了解如何使服务特别是为HTTP服务包装请求页面或本地文件并将其返回。

感谢

Answer 1

你不能只是做

$scope.test = fileLoader.loadFile(); 

loadFile是一个异步调用，你不能从返回！您可以使用.then继续承诺模式。你的工厂将改变为：

loadFile : function(fileLoc){ 
    return $http.get('data/sideEffects.json').then(function(result) { 
     // you can do some processing here 
     return result.data; 
    }); 
} 

而且你的控制器：

fileLoader.loadFile().then(function(data) { 
    $scope.test = data; 
});