Как правильно использовать модули в AngularJS?

Question

[zigen]

Добрый день.
Решил поиграться с AngularJS 1.4.9 в качестве фронта для REST бэкенда.
Изучил экзампл приложение phonecat. Согласно ему использовать модули необходимо следующим образом:
app.js

var sharePhotoApp = angular.module('sharePhotoApp', [
  'userControllers',
  'userServices'
]);

controllers.js

var userControllers = angular.module('userControllers', []);

userControllers.controller('UserListCtrl', function ($scope, $http) {
   $http({ method: 'GET', url: '/api/users'}).then(function successCallback(response) { $scope.users = response.data;});
});

Однако, в таком случае я получаю ошибку:

Error: $injector:modulerr
Module Error

Работает в следующем исполнении:

var userControllers = angular.module('sharePhotoApp', []);

Однако, когда смотрю Hints через Angular Batarangs вижу следующее:


WTF? Как делать правильно? :)

################Дополню#############
Подскажите, что не так делаю, когда пытаюсь создать ресурс для API

angular
    .module('sharePhotoApp')
    .factory('userService', userService);

    userService.$inject = ['$resource'];

function userService($resource) {
    return $resource('/api/users/:username', {}, {
          query: {method:'GET', params:{username:'@username'}, isArray:true}
          });
}

angular
    .module('sharePhotoApp')
    .controller('UserListCtrl', UserListCtrl);

    UserListCtrl.$inject = ['$scope', 'userService'];

function UserListCtrl($scope,  userService) {
    $scope.apiusers = userService.query();
}

Answer 1

[rakro]

https://github.com/johnpapa/angular-styleguide#sty...

Comments

[zigen]

А в чем разница кроме стиля?

[rakro]

zigen: angular.module('sharePhotoApp', []) - новый модуль, angular.module('sharePhotoApp') - получение уже существующего модуля. предположу что в первом случае у вас была ошибка, потому что сначала был подключен файл app.js, а потом controllers.js