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 相关文章推荐
js三种排序算法分享
Aug 16 Javascript
JavaScript二维数组实现的省市联动菜单
May 08 Javascript
JS中Eval解析JSON字符串的一个小问题
Feb 21 Javascript
jQuery实现只允许输入数字和小数点的方法
Mar 02 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
Sep 14 Javascript
Bootstrap Table快速完美搭建后台管理系统
Sep 20 Javascript
vue2.0 如何把子组件的数据传给父组件(推荐)
Jan 15 Javascript
使用webpack打包后的vue项目如何正确运行(express)
Oct 26 Javascript
Vue自定义全局Toast和Loading的实例详解
Apr 18 Javascript
JavaScript之数组扁平化详解
Jun 03 Javascript
Element MessageBox弹框的具体使用
Jul 27 Javascript
jQuery实现移动端扭蛋机抽奖
Nov 08 jQuery
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 flush类输出缓冲剖析
2008/10/19 PHP
php escape URL编码
2008/12/10 PHP
领悟php接口中interface存在的意义
2013/06/27 PHP
PHP5中GD库生成图形验证码(有汉字)
2013/07/28 PHP
兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
2014/06/05 PHP
win7系统配置php+Apache+mysql环境的方法
2015/08/21 PHP
php求斐波那契数的两种实现方式【递归与递推】
2019/09/09 PHP
用ADODB.Stream转换
2007/01/22 Javascript
javascript中字体浮动效果的简单实例演示
2015/11/18 Javascript
JavaScript数据结构之链表的实现
2017/03/19 Javascript
使用jQuery卸载全部事件的思路详解
2017/04/03 jQuery
Vue.js常用指令之循环使用v-for指令教程
2017/06/27 Javascript
Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
2017/11/22 Javascript
浅谈angularJS2中的界面跳转方法
2018/08/31 Javascript
JS执行控制之节流模式实例分析
2018/12/21 Javascript
React+TypeScript+webpack4多入口配置详解
2019/08/08 Javascript
Vue.extend 编程式插入组件的实现
2019/11/18 Javascript
使用Vue实现一个树组件的示例
2020/11/06 Javascript
Python实现向QQ群成员自动发邮件的方法
2014/11/19 Python
PyQt5每天必学之创建窗口居中效果
2018/04/19 Python
python dataframe向下向上填充,fillna和ffill的方法
2018/11/28 Python
Django实现文件上传和下载功能
2019/10/06 Python
Python Lambda函数使用总结详解
2019/12/11 Python
python PIL/cv2/base64相互转换实例
2020/01/09 Python
Nike爱尔兰官方网站:Nike.com (IE)
2018/03/12 全球购物
英国邮购活的植物主要供应商:Gardening Direct
2019/01/28 全球购物
Nordgreen手表德国官方网站:丹麦极简主义手表
2019/10/31 全球购物
EJB timer的种类
2014/10/28 面试题
中学生学习生活的自我评价
2013/10/26 职场文书
物业工作计划书
2014/01/10 职场文书
改进作风怎么办发言材料
2014/08/17 职场文书
药店营业员岗位职责
2015/04/14 职场文书
2015年小学辅导员工作总结
2015/05/27 职场文书
导游词范文之颐和园/重庆/云台山
2019/09/10 职场文书
有趣的二维码:使用MyQR和qrcode来制作二维码
2021/05/10 Python
剧场版《转生恶役只好拔除破灭旗标》公开最新视觉图 2023年上映
2022/04/02 日漫