zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    OO先导课——第二次上课
    OO先导课——第一次上课
    OO先导课——JAVA初见懵的知识合集
    OO先导课——作业(1)
    在驱动和应用程序间共享内存
    【求助】NdisSend,自定义数据包发送失败?
    HTTP协议详解(真的很经典)
    原始数据包的分析
    IP数据包的校验和算法
    基于IMD的包过滤防火墙原理与实现
  • 原文地址:https://www.cnblogs.com/specification/p/4286891.html
Copyright © 2011-2022 走看看