Angularjs中controller的三种写法分享


Posted in Javascript onSeptember 21, 2016

前言

在Angular中,Directive、Service、Filter、Controller都是以工厂方法的方式给出,而工厂方法的参数名对应着该工厂方法依赖的Service。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引用该方法

总结

以上就是关于angularjs中controller三种写法的全部内容,不知道大家都学会了没有,希望这篇文章的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

Javascript 相关文章推荐
再谈javascript 动态添加样式规则 W3C校检
Dec 25 Javascript
JQUERY操作JSON实例代码
Feb 09 Javascript
分享一个自己写的table表格排序js插件(高效简洁)
Oct 29 Javascript
js获取多个tagname的节点数组
Sep 22 Javascript
javascript数据类型示例分享
Jan 19 Javascript
jQuery+ajax实现无刷新级联菜单示例
May 21 Javascript
简介JavaScript中的getUTCFullYear()方法的使用
Jun 10 Javascript
利用jquery实现验证输入的是否是数字、小数,包含保留几位小数
Dec 07 Javascript
Angular实现可删除并计算总金额的购物车功能示例
Dec 26 Javascript
Angular实现搜索框及价格上下限功能
Jan 19 Javascript
利用SpringMVC过滤器解决vue跨域请求的问题
Feb 10 Javascript
Vuex中的Mutations的具体使用方法
Jun 01 Javascript
jQuery中Find选择器用法示例
Sep 21 #Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
Sep 21 #Javascript
Angular2 (RC5) 路由与导航详解
Sep 21 #Javascript
Angular2 (RC4) 路由与导航详解
Sep 21 #Javascript
AngularJS 单元测试(二)详解
Sep 21 #Javascript
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
Sep 21 #Javascript
AngularJS 单元测试(一)详解
Sep 21 #Javascript
You might like
PHP实现显示照片exif信息的方法
2014/07/11 PHP
分享一个漂亮的php验证码类
2016/09/29 PHP
php基于session锁防止阻塞请求的方法分析
2017/08/07 PHP
详解PHP中mb_strpos的使用
2018/02/04 PHP
PDO::exec讲解
2019/01/28 PHP
JavaScript 直接操作本地文件的实现代码
2009/12/01 Javascript
JavaScript 大数据相加的问题
2011/08/03 Javascript
Javascript中的回调函数和匿名函数的回调示例介绍
2014/05/12 Javascript
跟我学习javascript的异步脚本加载
2015/11/20 Javascript
xmlplus组件设计系列之网格(DataGrid)(10)
2017/05/05 Javascript
vue.js实现用户评论、登录、注册、及修改信息功能
2020/05/30 Javascript
微信小程序实现锚点定位楼层跳跃的实例
2017/05/18 Javascript
JavaScript之面向对象_动力节点Java学院整理
2017/06/29 Javascript
Vue.js在数组中插入重复数据的实现代码
2017/11/17 Javascript
微信小程序使用video组件播放视频功能示例【附源码下载】
2017/12/08 Javascript
微信小程序与webview交互实现支付功能
2019/06/07 Javascript
JS实现简易计算器
2020/02/14 Javascript
使用AutoJs实现微信抢红包的代码
2020/12/31 Javascript
Python远程桌面协议RDPY安装使用介绍
2015/04/15 Python
python中__call__内置函数用法实例
2015/06/04 Python
json跨域调用python的方法详解
2017/01/11 Python
浅谈Python中带_的变量或函数命名
2017/12/04 Python
django启动uwsgi报错的解决方法
2018/04/08 Python
解决python删除文件的权限错误问题
2018/04/24 Python
Python在for循环中更改list值的方法【推荐】
2018/08/17 Python
Python查找最长不包含重复字符的子字符串算法示例
2019/02/13 Python
python,Java,JavaScript实现indexOf
2020/09/09 Python
家得宝官网:The Home Depot(全球最大的家居装饰专业零售商)
2018/12/17 全球购物
使用C#编写创建一个线程的代码
2013/01/22 面试题
质检的岗位职责
2013/11/17 职场文书
护士的岗位职责
2013/12/04 职场文书
团日活动总结模板
2014/06/25 职场文书
不听老师话的万能检讨书
2014/10/04 职场文书
学习十八大标语
2014/10/09 职场文书
给医院的感谢信
2015/01/21 职场文书
党支部半年考察意见
2015/06/01 职场文书