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

Question

我已将 angular 应用程序的控制器放在单独的文件中：

这是我的项目结构：

这是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文件中添加.js文件(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>

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

Controllers in separate files aren't loading - angular

angularjs

angularjs-controller