angular.module 从单独的文件调用，未找到控制器

Question

我正在尝试模块化我的代码并将控制器移动到使用相同模块的单独文件中。但是，它没有加载，我确保加载顺序是正确的。

// app.js
angular.module("app", []);

// LoginCtrl.js
angular.module("app", []).controller("LoginCtrl", function() 
{
  //doSomeThing
});

如果我在第一个文件中执行 var app = angular.module 并在其他文件中使用相同的变量，它就可以工作。

// app.js
var app = angular.module("app", []);

// LoginCtrl.js
app.controller("LoginCtrl", function() 
{
  //doSomeThing
});

如果我将所有代码移动到一个文件中并为每个组件单独使用 angular.module，它就可以工作。

// app.js
angular.module("app", []);

angular.module("app", []).controller("LoginCtrl", function() 
{
  //doSomeThing
});

我是不是漏掉了什么？

Answer 1

将代码模块化后，将其写入 LoginCtrl.js 文件：

var app = angular.module("app");
app.controller("LoginCtrl", function() {
...

Answer 2

要在 AngularJS 中创建模块：
angular.module('app', []);

要在 AngularJS 中获取模块：
angular.module('app');

您在代码中使用相同的签名来创建和获取模块，在另一个文件中获取模块时，不得将注入数组添加为模块函数的第二个参数。

Answer 3

首先，一个控制器中只能有一个模块。这是一个例子 var app = angular.module('myApp', []) .controller('Controllername', function () {};

angular.module called from separate files, does not find Controller