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

  终于考完试了,在没更新的这一段时间里,一直都在忙于应付考试。不过在期间也是接触到不少好玩的东西,比如Html5的Canvas,我用lufylegend的Html5引擎做了个《看你有所色》的游戏。还有最近刚开始玩的Angular。

  Angular也是早有听说了啊,一直没闲下功夫研究,趁着放假,学一学。慕课网(www.imooc.com)里有一套教程,还是很不错的。但是真正上手编码的时候就发现,尼玛!例子都跑不起来,全是报错,Argument ‘xxx‘ is not a function, got undefined是最显眼的错误。我们先来看看教程中的“错误”代码是怎样的。

  来一个最简单的 Hello World 吧!

  我们一般接触到的第一个入门教程都是类似与这样的,代码简单。我们有个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文件,清晰明确的通过模块梳理整个项目的结构。

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

时间: 2024-10-25 04:46:03

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

Error: [ng:areq] Argument 'LoginCtrl' is not a function, got undefined

"LoginCtrl'"该控制器也定义了 改为以下 最后发现: Error: [ng:areq] Argument 'LoginCtrl' is not a function, got undefined

对IIFE中(function(window,undefined){})(window)中为什么传递undefined的理解

1.在函数中定义形参但没有传递实参就相当于定义了变量但未赋值,所以下面中的a就是undefined 1 function test(a){ 2 console.log(a)//undefined 3 }; 4 test(); 2.在IIFE中,window作为实参传递进去,避免了执行代码时,每次都到全局中寻找window从而提高了效率,但是为什么形参中还要指定一个undefined呢,上面说过在函数中定义了形参就相当于定义了但不赋值,那在这个立即执行函数中undefinde还是undefined

JQuery中xxx is not a function或者can not find $

在项目中,遇到以上两个错误,反复折腾了好久,js代码写得没有问题,jquery的文件也引入了,就是反复的报告错误,xxx is not a function.如图: 就是这样的错误,shake is not a function,我也是日了狗了,shake明明是我在其他的js的文件中,拓展的Jquery的方法,怎么就不是function了,顺手超链接:Jquery实现抖动效果 后来我找到了这篇文章:$ is not defined error 在评论区找到了,解决问题的答案: 是引入js文件次序

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!

JS 关于(function( window, undefined ) {})(window)写法的理解【转】

JS 关于(function( window, undefined ) {})(window)写法的理解 [网络整理] (function( window, undefined ) {})(window); 这个,为什么要将window和undefined作为参数传给它? (function( $, undefined ) {})(jQuery); 同理 因为 ecmascript 执行JS代码是从里到外,因此把全局变量window或jQuery对象传进来,就避免了到外层去寻找,提高效率.und

;(function( $, window, undefined ){ }(jQuery,window))为何需要往里面传$,window,undefined这些参数

(function( $, jQuery , undefined ) {})(jQuery); 为什么要将window和undefined作为参数传给它? 因为 ecmascript 执行JS代码是从里到外,因此把全局变量window或jQuery对象传进来,就避免了到外层去寻找,提高效率.undefined在老一辈的浏览器是不被支持的,直接使用会报错,js框架要考虑到兼容性,因此增加一个形参undefined. var undefined = 8; (function( window ) {

jquery源码中的(function(window, undefined){})(window)【转】

(function( window, undefined ) {})(window);这个,为什么要将window和undefined作为参数传给它? (function( $, undefined ) {})(jQuery); 同理 因为 ecmascript 执行JS代码是从里到外,因此把全局变量window或jQuery对象传进来,就避免了到外层去寻找,提高效率.undefined在老一辈的浏览器是不被支持的,直接使用会报错,js框架要考虑到兼容性,因此增加一个形参undefined. 还

解决MATLAB出现&quot;??? Undefined function or variable &#39;x&#39;.&quot;的问题,一个等号引发的大战

最近写了一段代码,一直弹出“??? Undefined function or variable 'x'.”这个错误.仔细检查了一下,发现是赋值的问题.比如下面两段代码 h=1 h=x h=1表示的是将1赋值给h 而h=x表示的是将x赋值给h 如果我之前没有对x赋值过,此时突然加了“h=x”这段代码,那么窗口就会弹出“ ??? Undefined function or variable 'x'.”这个错误提醒,意思是让我先对x进行赋值,才能够将x的值赋给h,如果我没有先对x赋值,“h=x”这个

JS 关于(function( window, undefined ) {})(window)写法的理解

JS 关于(function( window, undefined ) {})(window)写法的理解 [网络整理] (function( window, undefined ) {})(window);这个,为什么要将window和undefined作为参数传给它? (function( $, undefined ) {})(jQuery); 同理 因为 ecmascript 执行JS代码是从里到外,因此把全局变量window或jQuery对象传进来,就避免了到外层去寻找,提高效率.unde