单独文件中的控制器未加载 - 角度

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

在HTML页面中为新控制器添加.js文件，它将再次运行。

Answer 2

在第一个加载HTML文件（index.html）中添加.js文件编写此脚本的订单也很重要。如果你有依赖，他们应该来模块之前。和控制器来自模块。在你的情况下，它将是这样的：

<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>