HelloWorld-Argument 'HelloController' is not a function, got undefined

学习angular，按照《用AngularJS开发下一代web应用》中的入门HelloWorld示例，结果搞半天都不出来

网上查了下坑爹的issue，只能说技术更新太快，老祖先的话绝没错：逆水行舟，不进则退。

转：

没错，这就是开头所说的那个。于是我弄不懂，为什么老师可以跑通，我却跑不通，大家都是Angular-1.3.0。

国内不给力，很难找到答案，最后去StackOverflow找到了。因为从Angular-1.3.0 beta15开始，Angular不再支持全局的Controller！

那么问题来了，如何在Angular里定义模块呢？

　　当然这篇blog是为了让大家学习Angular的时候别遇到闭门羹，我大致说一下。AngularJs里，有一个angular.module，模块机制就是靠这个来加载的。

controller.js

var myAppModule = angular.module("myApp",[]);

myAppModule.controller('HelloController',
    function($scope) {
        $scope.greeting = {text:'Hello'};
    }
);

hello.html

<html ng-app="myApp">
    <head>
        <script src="../angular.min.js"></script>
        <script src="controller.js"></script>
    </head>
    <body>
        <div ng-controller='HelloController'>
            <p>{{greeting.text}},World</p>
        </div>
        
    </body>
</html>

　　　　我们看看，改了什么，ng-app="myApp"首先给入口赋了名字，然后再下面进行模块的初始化。

　　　　在angular.module(String, moduleArray)函数里

第一个String参数是该模块的名字，第二个参数是所依赖的模块（这里暂时用不着），

返回了myApp这个模块，然后再通过模块的controller方法定义HelloController控制器即可

第二个参数依赖模块小示例

var myAppModule = angular.module("myApp",["basedHelloController"]);

var controllerModule = angular.module("basedHelloController",[]);

controllerModule.controller('HelloController',
    function($scope) {
        $scope.greeting = {text:'HelloBasedModule'};
    }
);

仅仅是多定义一个basedHelloController模块，这样myApp，就可以仅仅作为启动口，而不会混杂着控制器。我们可以定义多个js文件，清晰明确的通过模块梳理整个项目的结构。

引用 http://www.cnblogs.com/YikaJ/p/4226313.html