Заводской метод, как представляется, не определено

Question

Простой и понятный. У меня есть эта фабрика:

ctrls.factory('dataLoad', ['$http', function($http) { 
    return { 
     loadFromJSON: loadFromJSON 
    } 

    function loadFromJSON() { 
     $http.get("data.json").then(function(response) { 
      return response; 
     }); 
    } 
}]); 

Это тот же модуль, что и мой контроллер. Контроллер привязывается к шаблону после типичной технологии маршрутизации, но все загружается в шаблон index.html, поэтому не должно быть проблем с вводом «dataLoad» в контроллер, который работает хорошо и не дает ошибок:

ctrls.controller('mainCtrl', ["$scope", "dataLoad", function($scope, dataLoad) { 

в контроллере Звоню loadFromJSON из метода, а затем вызвать этот метод:

function loadData(){ 
    dataLoad.loadFromJSON().then(function(data) { 
     $scope.allCharts = data; 
     console.log($scope.allCharts); 
    }).then(function(err){ 
     console.log(err); 
    }); 
} 
loadData(); 

Но это, так или иначе, не работает! Это дает мне следующую ошибку:

Error: dataLoad.loadFromJSON(...) is undefined

Что я делаю неправильно?

Answer 1

loadFromJSON не имеет инструкции return, поэтому он возвращает undefined, когда вы это позвоните.

Возможно, вы должны были вернуть обещание вернуть $http.

function loadFromJSON() { 
    return $http.get("data.json"); 
} 

(я удалил then обработчик вы положили там, так как он ничего не делал).