AngularJS, внедряющий сервис в контроллер

Я только начал работать с angularJS и начал делиться своими main.js на несколько собственных файлов. Моя структура выглядит следующим образом:

app.js

index.html

/Услуги /service1

/Контроллер/CONT1

Мой вопрос заключается в том, как вводить службу в контроллер.

Приложение:

angular.module('App',['ngDragDrop']);

Обслуживание:

angular.module('App')
   .factory('service1',function()
{...}

Я попытался загрузить службу 1 в cont1, введя

angular.module('App')
    .controller('cont1', cont1);

cont1.$inject=['$scope', 'service1']; 

function cont1($scope, service1) {
    $scope.we=service1.doSomething(); 
}

но он никогда не работал.

Наконец, я добавил скрипт service1 в свой файл index.html, как раз перед загрузкой файла контроллера, и он работал нормально.

Должен ли я добавить каждую услугу, которую я хочу использовать где-нибудь в своем приложении, в индексный файл? Другого пути нет? Мне кажется, как-то тупым, если у меня есть тонны тегов скриптов в моем index.html

Greetz и спасибо заранее!