角度js模块无法加载

时间:2015-12-14 08:16:39

标签: angularjs

我刚开始使用AngularJS。刚试了一下简单的片段(下图)。但我在浏览器控制台中看到了错误。

  

未捕获错误:[$ injector:modulerr]由于以下原因,无法实例化模块notesApp:   错误:[$ injector:nomod]模块' notesApp'不可用!您要么错误拼写了模块名称,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。

<html ng-app="notesApp">
    <body ng-controller="notesMainCtrl as ctrl">
        <form ng-submit="ctrl.submitAction()">
            <input type="text"></input>
            <input type="password"></input>
            <input type="submit"></input>
        </form>
        <span>username:{{ctrl.username}}  password:{{ctrl.password}}</span>

        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.js" />
        <script type="text/javascript">
            angular.module('notesApp',[])
                    .controller('notesMainCtrl',[function(){
                        this.username="username";
                        this.password="password";
                        this.submitAction=function(){
                            console.log(this.username+':::'this.password);
                        };
                    }]);
        </script>
    </body>
</html>

1 个答案:

答案 0 :(得分:2)

有几件事,这里是working plunker ..

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.js" />

这不能自我关闭。即需要</script>

console.log(this.username+':::'this.password);

+':::'

之间缺少this.password个符号

---编辑---

只是其他一些观察结果,您在输入框中缺少ng-model,因此他们不会two-way数据将任何信息绑定回控制器。

<input type="password" ng-model="password" />