AngularJS工厂HTTP返回空

Question

我第一次尝试AngularJS。我正在使用工厂从http-get请求中获取JSON数据，但是在完成ajax请求之前，该对象返回为空。

厂：

myDemo.factory('photosFactory', function($http) {
    var photos = [];

    var factory = {};

    factory.getPhotos = function() {
        $http({
            url: 'content/test_data.json',
            method: 'GET'
        }).success(function(data, status, headers, config) {
            photos = data;
            return photos;
        });
    };
    return factory;
});

控制器：

controllers.AppCtrl = function($scope, $location, $http, photosFactory) {
    $scope.photos = [];
    init();
    function init() {
        $scope.photos = photosFactory.getPhotos();
    }
};

这就是我想出的。当控制器设置$ scope.photos时，该值为空，就好像它在填充ajax响应之前返回photos数组。

Answer 1

您应该修改代码以返回承诺并使用控制器中的值，请参见伪修改后的代码

myDemo.factory('photosFactory', function($http) {
 return{
    getPhotos : function() {
        return $http({
            url: 'content/test_data.json',
            method: 'GET'
        })
    }
 }
});

和控制器-

controllers.AppCtrl = function($scope, $location, $http, photosFactory) {
    $scope.photos = [];
    photosFactory.getPhotos().success(function(data){
       $scope.photos=data;
   });
};