Как создать отдельные файлы контроллера AngularJS?
У меня все мои контроллеры AngularJS в одном файле, controllers.js. Этот файл имеет следующую структуру:
angular.module('myApp.controllers', [])
.controller('Ctrl1', ['$scope', '$http', function($scope, $http) {
}])
.controller('Ctrl2', ['$scope', '$http', function($scope, $http) }
}])
Что я'Я хотел бы сделать это положить Ctrl1 и Ctrl2 в отдельных файлах. Затем я включил бы оба файла в мой index.html, но как это должно быть структурировано? Я попытался сделать что-то подобное, и в консоли веб-браузера выдается сообщение об ошибке:не могу найти мои контроллеры. Есть намеки?
Я искал StackOverflow и нашел этот похожий вопрос - однако, этот синтаксис использует другой каркас (CoffeeScript) поверх Angular, и поэтому у меня нетбыл в состоянии следовать.