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类和继承 this属性使用说明
Sep 03 Javascript
jQuery点缩略图弹出层显示大图片
Feb 13 Javascript
JavaScript中的replace()方法使用详解
Jun 06 Javascript
js jquery获取当前元素的兄弟级 上一个 下一个元素
Sep 01 Javascript
使用JQuery实现的分页插件分享
Nov 05 Javascript
Mvc提交表单的四种方法全程详解
Aug 10 Javascript
js实现复选框的全选和取消全选效果
Jan 03 Javascript
JS图片延迟加载插件LazyImgv1.0用法分析【附demo源码下载】
Sep 04 Javascript
3分钟了解vue数据劫持的原理实现
May 01 Javascript
细说Vue组件的服务器端渲染的过程
May 30 Javascript
Vue请求java服务端并返回数据代码实例
Nov 28 Javascript
在Vue里如何把网页的数据导出到Excel的方法
Sep 30 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
Zend Framework实现自定义过滤器的方法
2016/12/09 PHP
PHP简单装饰器模式实现与用法示例
2017/06/22 PHP
PHP编程获取图片的主色调的方法【基于Imagick扩展】
2017/08/02 PHP
niceTitle 基于jquery的超链接提示插件
2010/05/31 Javascript
javascript 实现 原路返回
2015/01/21 Javascript
jQuery监控文本框事件并作相应处理的方法
2015/04/16 Javascript
jQuery基于扩展简单实现倒计时功能的方法
2016/05/14 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
2016/07/20 Javascript
jquery实现简单的瀑布流布局
2016/12/11 Javascript
详解vue事件对象、冒泡、阻止默认行为
2017/03/20 Javascript
详解Vue路由History mode模式中页面无法渲染的原因及解决
2017/09/28 Javascript
Vue实现固定定位图标滑动隐藏效果
2019/05/30 Javascript
VUE路由动态加载实例代码讲解
2019/08/26 Javascript
基于js判断浏览器是否支持webGL
2020/04/18 Javascript
VUE中V-IF条件判断改变元素的样式操作
2020/08/09 Javascript
浅谈python对象数据的读写权限
2016/09/12 Python
python 如何快速找出两个电子表中数据的差异
2017/05/26 Python
Python中logging.NullHandler 的使用教程
2018/11/29 Python
python匹配两个短语之间的字符实例
2018/12/25 Python
Python3中函数参数传递方式实例详解
2019/05/05 Python
Scrapy中如何向Spider传入参数的方法实现
2020/09/28 Python
python实现猜拳游戏项目
2020/11/30 Python
Python扫描端口的实现
2021/01/25 Python
html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形
2013/01/09 HTML / CSS
日本面向世界,国际级的免税在线购物商城:DOKODEMO
2017/02/01 全球购物
英国领先的豪华时尚家居网上商店:Amara
2019/08/12 全球购物
美国折扣地毯销售网站:Rugs.com
2020/03/27 全球购物
给定一个时间点,希望得到其他时间点
2013/11/07 面试题
就业推荐自我鉴定
2013/10/06 职场文书
小学生读书感言
2014/02/12 职场文书
村官个人总结范文
2015/03/03 职场文书
高校自主招生校长推荐信
2015/03/23 职场文书
2015年医院护理部工作总结
2015/04/23 职场文书
2015年思想品德教学工作总结
2015/07/22 职场文书
清明节随笔
2015/08/15 职场文书
女方家长婚礼答谢词
2015/09/29 职场文书