Ошибка загрузки углового модуля

Question

У меня есть угловой проект, который я выхожу в лучшую файловую структуру, но получаю Argument 'fn' is not a function, got undefined за ошибку при создании новой службы. Любые идеи, что я делаю неправильно?

app.js

angular.module('app', [ 
'app.controllers' 
]); 

angular.module('app.controllers', ['leaflet-directive', 'app.services']); 

angular.module('app.services', []); 

main.controller.js

angular.module('app.controllers') 
.controller('MainCtrl', MainCtrl); 

function MainCtrl($scope, $window, leafletData, DataService) { 
    var main = this; 

    main.items = DataService.GetItems(); 

    //Other controller stuff 
}; 

data.service.js

angular.module("app.services") 
.factory('DataService', DataService); 

var DataService = function(){ 
    return data = { 
     getItems: function(){ 
      return [//data here]; 
     } 
    }; 
} 

Answer 1

Ваше заявление о DataService является проблемой. Вы объявляете это после того, как используете его. Вы должны изменить свое объявление DataService на function DataService() вместо того, чтобы устанавливать его в var, чтобы воспользоваться функцией подъема функции