Angular js возвращает неопределенный объект с фабрики

У меня есть контроллер и фабрика, определенные, как показано ниже.

myApp.controller('ListController', 
        function($scope, ListFactory) {
    $scope.posts = ListFactory.get();
    console.log($scope.posts);
});

myApp.factory('ListFactory', function($http) {
    return {
        get: function() {
            $http.get('http://example.com/list').then(function(response) {
                if (response.data.error) {
                    return null;
                }
                else {
                    console.log(response.data);
                    return response.data;
                }
            });
        }
    };
});

Что меня смущает, так это то, что я получаю вывод undefined с моего контроллера, а затем следующая строка вывода консоли — это мой список объектов с моей фабрики. Я также попытался изменить свой контроллер на

myApp.controller('ListController', 
        function($scope, ListFactory) {
    ListFactory.get().then(function(data) {
        $scope.posts = data;
    });
    console.log($scope.posts);
});

Но я получаю ошибку

TypeError: Cannot call method 'then' of undefined

Примечание. Я нашел эту информацию об использовании фабрики через http://www.benlesh.com/2013/02/angularjs-creating-service-with-http.html


ajax angularjs factory angularjs-factory
person user1876508    schedule 29.07.2013    source источник

Ответы (2)


arrow_upward
8
arrow_downward

Вам нужно либо использовать функцию обратного вызова, либо просто поставить return перед $http.get...

 return $http.get('http://example.com/list').then(function (response) {
     if (response.data.error) {
         return null;
     } else {
         console.log(response.data);
         return response.data;
     }
 });
person zs2020    schedule 29.07.2013

arrow_upward
2
arrow_downward

$http.get является асинхронным, поэтому в то время, когда вы пытаетесь получить к нему доступ (внутри вашего контроллера), у него может не быть данных (следовательно, вы получаете неопределенность).

Чтобы решить эту проблему, я использую .then() после вызова фабричного метода из моего контроллера. Тогда ваша фабрика будет выглядеть примерно так:

myApp.factory('ListFactory', function($http) {
    return {
        get: function() {
            $http.get('http://example.com/list');
        }
    };
});

И ваш контроллер:

myApp.controller('ListController', function($scope, ListFactory) {
    ListFactory.get().then(function(response){
        $scope.posts = response.data;
    });
    // You can chain other events if required
});

Надеюсь, поможет

person HaRoLD    schedule 04.02.2015