AngularJs controller出错的问题
来源:互联网 发布:数据流量计算 编辑:程序博客网 时间:2024/06/04 19:38
刚开始学习angular,没想到写的一个小的demo就出错
代码如下:
<!DOCTYPE html>
<html ng-app>
<head>
<meta charset="UTF-8">
<title></title>
<script src="angular.js"></script>
<!--<script src="controller.js"></script>-->
</head>
<body>
<!--<p>{{'hello word'}}</p>-->
<div ng-controller='HelloController'>
<p>{{greeting.text}}</p>
</div>
<script>
function HelloController($scope){
$scope.greeting = {
text:"hello"
};
}
</script>
</body>
</html>
报了一个这样的错
Argument 'HelloController' is not a function, got undefined
原因是angular没法知道你定义的函数是一个controller,angularJs 1.3 中 为了让 根节点上(rootScope)不再被挂上冗余的内容,
所以禁止了直接在根上注册controller。
所以不能直接使用function XXXcontroller (){ code......}这样的方式直接注册监听器了。以后必须
angular.module('myApp', []).controller('myCtroller',function($scope) {}这样来将controller注册到对应的模型上。
改成这样就没错了
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title></title>
<script src="angular.js"></script>
</head>
<body>
<!--<p>{{'hello word'}}</p>-->
<div ng-controller='HelloController'>
<p>{{greeting.text}}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('HelloController', function ($scope) {
$scope.greeting = {
text: 'hello'
};
})
</script>
</body>
</html>
代码如下:
<!DOCTYPE html>
<html ng-app>
<head>
<meta charset="UTF-8">
<title></title>
<script src="angular.js"></script>
<!--<script src="controller.js"></script>-->
</head>
<body>
<!--<p>{{'hello word'}}</p>-->
<div ng-controller='HelloController'>
<p>{{greeting.text}}</p>
</div>
<script>
function HelloController($scope){
$scope.greeting = {
text:"hello"
};
}
</script>
</body>
</html>
报了一个这样的错
Argument 'HelloController' is not a function, got undefined
原因是angular没法知道你定义的函数是一个controller,angularJs 1.3 中 为了让 根节点上(rootScope)不再被挂上冗余的内容,
所以禁止了直接在根上注册controller。
所以不能直接使用function XXXcontroller (){ code......}这样的方式直接注册监听器了。以后必须
angular.module('myApp', []).controller('myCtroller',function($scope) {}这样来将controller注册到对应的模型上。
改成这样就没错了
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title></title>
<script src="angular.js"></script>
</head>
<body>
<!--<p>{{'hello word'}}</p>-->
<div ng-controller='HelloController'>
<p>{{greeting.text}}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('HelloController', function ($scope) {
$scope.greeting = {
text: 'hello'
};
})
</script>
</body>
</html>
0 0
- AngularJs controller出错的问题
- AngularJs的controller 多次执行问题
- angularjs解决播放语音出错的问题
- [爬坑]关于angularJS的controller文件压缩的问题
- (十六)JQuery Ready和angularJS controller的执行顺序问题
- angularjs controller之间的通信
- angularjs Controller之间的通信
- AngularJS Controller的作用域
- angularjs Controller之间的通信
- angularjs 子父controller交互问题
- angularjs Controller
- angularjs 的controller的三种写法
- angularJS 的controller(控制器)的应用
- AngularJS controller之间的通信机制
- angularjs的controller directive angular-resource
- angularjs controller, service, directive 的demo
- 转 angularjs controller的两种写法
- 关于AngularJS controller之间的数据通信
- CentOS6.6 安装nodejs4.1.2
- linux系统关闭及重启
- Writing Fast Matlab code 3-5
- FZU 2203 单纵大法好(模拟、二分)
- iOS笔记UI--UITableView
- AngularJs controller出错的问题
- python数字,简单码一码~
- java内存布局
- 这是一篇关于Alcatraz [ˈælkəˌtræz] 的小Tips --- 在最后给出引文
- android数据存储--共享参数(sharedPreferences)
- 新浪微博的JSON解析
- Bootstrap CSS——徽章和巨幕
- 7天hadoop学习(一)之虚拟机的网络连接方式及linux的静态ip设置
- MFC加载exe资源,程序调用exe功能