angular.module从单独的文件调用,找不到Controller

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

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

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

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