контроллеров в отдельных файлах не загружаются - угловые

Question

Я кладу контроллеры моего углового приложения в отдельных файлах:

Это моя структура проекта:

Это bootstrap.js :

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

Я это в каждом файле контроллера:

angular.module('controllers') 
.controller('UserCtrl', ['$scope', '$state', 'auth', 
    function ($scope, $state, auth) { 
------ 

В моем app.js я это:

var app = angular.module('eva', ['ui.router','ngMaterial', 'controllers']); 
----------- 

На первом каждом контроллере был в моем app.js файл, который работал отлично. Теперь он не загружает контроллеры, как это возможно?

Answer 1

Добавить файлы .js для новых контроллеров на вашей странице HTML, и он снова будет работать.

Answer 2

Добавить .js файл в ваш первый загружаемый HTML-файл (index.html). При написании сценариев также важны заказы. Если у вас есть зависимость, они должны появиться перед модулями. и контроллер приходит после модуля. в вашем случае это будет так:

<script src="scripts/angularjs.min.js"></script> 
<script src="scripts/controllers/bootstrap.js"></script> 
<script src="scriptscontrollers/Appcontroller.js"></script> 
// the rest of your controler script files which are part of bootstrap.js or controllers module. 
<script src="scripts/app.js"></script>