我刚开始使用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>
答案 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" />