AngularJS - Factory.function (...) не определено

Question

Я хочу начать с того, что я очень новичок в AngularJS, поэтому любая помощь будет оценена!

Я пытаюсь собрать некоторые данные JSON из URL-адреса в заводской функции, а затем вернуть данные контроллеру, но он выдает сообщение об ошибке, заявляя, что функция не существует. Я слежу вместе с учебной серией по Udemy, но данные, которые я собираю, поступают из другого источника, поэтому ответа нет в видео.

Код:

angular.module('MainModule', ['ngRoute']); 
angular.module('MainModule').config(function($routeProvider){ 
    $routeProvider.when('/', { 
     templateUrl: '/templates/index.html' 
    }); 
    $routeProvider.when('/item/:id', { 
     templateUrl: '/templates/item.html', 
    }); 
}); 
angular.module('MainModule').controller('ItemsController', function($scope, ItemsFactory, MainSettings){ 
    ItemsFactory.getItems().then(function(response){ 
     $scope.items = response; 
    }); 
    $scope.settings = MainSettings; 
}); 
angular.module('MainModule').controller('ItemController', function($scope, $routeParams, ItemsFactory, MainSettings){ 
    $scope.item = ItemsFactory.getItem($routeParams.id); 
    $scope.settings = MainSettings; 
}); 
angular.module('MainModule').factory('ItemsFactory', function($http, $log){ 
    var factory = {}; 
    var items = false; 
    factory.getItems = function(){ 
     $http.get('/index.php').success(function(response){ 
      items = response.items; 
      return items; 
     }); 
    }; 
    factory.getItem = function(item){ 
     var i = 0; 
     while (i < items.length) { 
      if (items[i].id == item) { 
       return items[i]; 
      } 
      i++; 
     } 
     return false; 
    }; 
    return factory; 
}); 
angular.module('MainModule').constant('MainSettings', { 
    title: 'Simple RSS Reader', 
    version: '1.0' 
}); 

Ошибка:

Error: ItemsFactory.getItems(...) is undefined 
@http://192.168.1.234:1000/js/angular-module.js:11:2 
invoke@http://192.168.1.234:1000/js/angular.js:3965:14 
instantiate@http://192.168.1.234:1000/js/angular.js:3976:23 
$ControllerProvider/this.$get</<@http://192.168.1.234:1000/js/angular.js:7307:18 
nodeLinkFn/<@http://192.168.1.234:1000/js/angular.js:6696:34 
forEach@http://192.168.1.234:1000/js/angular.js:332:11 
nodeLinkFn@http://192.168.1.234:1000/js/angular.js:6683:11 
compositeLinkFn@http://192.168.1.234:1000/js/angular.js:6131:13 
publicLinkFn@http://192.168.1.234:1000/js/angular.js:6027:30 
ngViewFillContentFactory/<.link@http://192.168.1.234:1000/js/angular-route.js:915:7 
nodeLinkFn@http://192.168.1.234:1000/js/angular.js:6737:13 
compositeLinkFn@http://192.168.1.234:1000/js/angular.js:6131:13 
publicLinkFn@http://192.168.1.234:1000/js/angular.js:6027:30 
createBoundTranscludeFn/boundTranscludeFn@http://192.168.1.234:1000/js/angular.js:6151:21 
controllersBoundTransclude@http://192.168.1.234:1000/js/angular.js:6758:18 
update@http://192.168.1.234:1000/js/angular-route.js:865:25 
$RootScopeProvider/this.$get</Scope.prototype.$broadcast@http://192.168.1.234:1000/js/angular.js:13070:15 
updateRoute/<@http://192.168.1.234:1000/js/angular-route.js:547:15 
qFactory/defer/deferred.promise.then/wrappedCallback@http://192.168.1.234:1000/js/angular.js:11659:31 
qFactory/defer/deferred.promise.then/wrappedCallback@http://192.168.1.234:1000/js/angular.js:11659:31 
qFactory/ref/<.then/<@http://192.168.1.234:1000/js/angular.js:11745:26 
$RootScopeProvider/this.$get</Scope.prototype.$eval@http://192.168.1.234:1000/js/angular.js:12788:16 
$RootScopeProvider/this.$get</Scope.prototype.$digest@http://192.168.1.234:1000/js/angular.js:12600:15 
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://192.168.1.234:1000/js/angular.js:12892:13 
done@http://192.168.1.234:1000/js/angular.js:8427:34 
completeRequest@http://192.168.1.234:1000/js/angular.js:8641:7 
createHttpBackend/</xhr.onreadystatechange@http://192.168.1.234:1000/js/angular.js:8580:1 

<div class="ng-scope" ng-view=""> 

Заранее спасибо, Мэтт!

Answer 1

Моя проблема была похожа на это, и я решил его, вводя свой завод, как так -

angular.module('MainModule').controller('ItemsController', ['ItemsFactory', function($scope, ItemsFactory, MainSettings){ 
    ItemsFactory.getItems() 
    .success(function(response) {..}) 
    .error(function(response) {..}) 
    .then(function(response){ 
     $scope.items = response; 
    }); 
    $scope.settings = MainSettings; 
}]); 

Вы бы в конечном итоге сделать это, если вы решили использовать библиотеку минификации или RequireJS. Дополнительная информация here в официальной документации.

Answer 2

Оба исправления, отдельно и вместе удаляют ошибку, но данные по-прежнему не возвращаются. Означает ли порядок, что инъекции указаны в контроллере, имеет какое-то значение для того, как они работают?