Argument 'xxx' is not a function, got undefined,初学Angular的第一个坑

转自：http://www.cnblogs.com/YikaJ/p/4226313.html

我们一般接触到的第一个入门教程都是类似与这样的，代码简单。我们有个ng-app作为Angular的启动口，然后ng-controller="helloCtrl"控制p标签。View层，则用双花括号出入数据greeting的message值。然后在下面的script定义了一个helloCtrl的函数，并为$scope.greeting赋了值。这一切看起来都是那么自然，想象中，浏览器就该出现，"Hello, World!"。可惜的是，浏览器给了我们这样的回复。

　　

　　没错，这就是开头所说的那个。于是我弄不懂，为什么老师可以跑通，我却跑不通，大家都是Angular-1.3.0。国内不给力，很难找到答案，最后去StackOverflow找到了。因为从Angular-1.3.0 beta15开始，Angular不再支持全局的Controller！那么问题来了，如何在Angular里定义模块呢？

　　当然这篇blog是为了让大家学习Angular的时候别遇到闭门羹，我大致说一下。AngularJs里，有一个angular.module，模块机制就是靠这个来加载的。我们来看看如何可以重新出现梦寐以求的“Hello World”。

　　

　　我们看看，改了什么，ng-app="myApp"首先给入口赋了名字，然后再下面进行模块的初始化。在angular.module(String, moduleArray)函数里，第一个String参数是该模块的名字，第二个参数是所依赖的模块（这里暂时用不着），返回了myApp这个模块，然后再通过模块的controller方法定义helloCtrl控制器即可。

 

　　当然我们要解释依赖模块的话，我们可以看一下稍作修改的第三版Demo

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