angularjs 的controller的三种写法
2015-11-13 13:48
603 查看
angularjs 的controller其实就是一个方法,它有三种写法:
第一种:
<pre name="code" class="javascript">var AppController = ['$scope', function($scope){
$scope.notifyServiceOnChage = function(){
console.log($scope.windowHeight);
};
}];
app.controller('AppController',AppController);
在定义AppController的时候,先声明方法需要注入的参数,然后再定义方法体。最后将AppController绑定到app上。
第二种:
app.controller('AppController', function($scope){
$scope.notifyServiceOnChage = function(){
console.log($scope.windowHeight);
};
})
直接在app的controller属性定义,首先是controller名字,然后是方法体。
第三种:
function AppController($scope) {
$scope.notifyServiceOnChage = function(){
console.log($scope.windowHeight);
};
}
直接写方法,然后在ng-controller引用该方法
第一种:
<pre name="code" class="javascript">var AppController = ['$scope', function($scope){
$scope.notifyServiceOnChage = function(){
console.log($scope.windowHeight);
};
}];
app.controller('AppController',AppController);
在定义AppController的时候,先声明方法需要注入的参数,然后再定义方法体。最后将AppController绑定到app上。
第二种:
app.controller('AppController', function($scope){
$scope.notifyServiceOnChage = function(){
console.log($scope.windowHeight);
};
})
直接在app的controller属性定义,首先是controller名字,然后是方法体。
第三种:
function AppController($scope) {
$scope.notifyServiceOnChage = function(){
console.log($scope.windowHeight);
};
}
直接写方法,然后在ng-controller引用该方法
相关文章推荐
- js传中文参数controller里获取参数乱码问题解决方法
- AngularJS基础教程之简单介绍
- Samba NT Domain Controller
- angularJS 中$attrs方法使用指南
- 简述AngularJS相关的一些编程思想
- AngularJS的一些基本样式初窥
- 创建你的第一个AngularJS应用的方法
- 详解AngularJS中的作用域
- 简介AngularJS的视图功能应用
- AngularJS语法详解
- angularJS与bootstrap结合实现动态加载弹出提示内容
- angularjs中的e2e测试实例
- 简介AngularJS中使用factory和service的方法
- AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录
- 举例讲解AngularJS中的模块
- 使用AngularJS处理单选框和复选框的简单方法
- AngularJS+Node.js实现在线聊天室
- AngularJS的内置过滤器详解
- 详解AngularJS中自定义指令的使用
- 使用Raygun来自动追踪AngularJS中的异常