javascript - 添加模块不起作用

我仍然处于angularjs的学习模式，只有两天大。我试图制作模块，所以我为此创建了单独的js文件并创建了如下模块。
还增加了控制器。

var app = angular.module("githubViewer", []);
app.controller("MainCtrl", MainCtrl);

但是当我运行时，出现错误'MainCtrl' is not a function, got undefined

这是Plunker

有人能帮我吗？

最佳答案

好的，您是新手，所以这里有两个规则，您必须遵循这些规则，直到可以证明需要做其他事情为止。


您可以将模块的定义放在单独的文件中。简而言之，窃听器通常是一个过大的杀伤力，但这是您在实际大小的应用程序中应该做的。请注意，我在这里只谈论模块。不谈论控制器，工厂和其他东西。
将控制器主体从其包含的角度分离出来不会带来任何好处。不要那样做


也就是说，您的文件应如下所示：

# my_app.module.js
angular.module('myApp', []);

# main.controller.js
var app = angular.module('myApp')
app.controller('MainCtrl', MainCtrl);

function MainCtrl() {
  // logic here
}