学习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
HelloWorld-Argument 'HelloController' is not a function, got undefined