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 相关文章推荐
firefox插件Firebug的使用教程
Jan 02 Javascript
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
Feb 25 Javascript
JavaScript通过字符串调用函数的实现方法
Mar 18 Javascript
详解Bootstrap插件
Apr 25 Javascript
详解js中Json的语法与格式
Nov 22 Javascript
vue-cli如何快速构建vue项目
Apr 26 Javascript
vue-cli webpack 开发环境跨域详解
May 18 Javascript
Vue中使用Sortable的示例代码
Apr 07 Javascript
JS实现可视化文件上传
Sep 08 Javascript
微信小程序页面间跳转传参方式总结
Jun 13 Javascript
js函数柯里化的方法和作用实例分析
Apr 11 Javascript
js实现复制粘贴的两种方法
Dec 04 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并发对MYSQL造成压力的解决方法
2013/02/21 PHP
php设计模式之观察者模式的应用详解
2013/05/21 PHP
解析在apache里面给php写虚拟目录的详细方法
2013/06/24 PHP
destoon实现不同会员组公司名称显示不同的颜色的方法
2014/08/22 PHP
CI框架数据库查询之join用法分析
2016/05/18 PHP
PHP dirname简单使用代码实例
2020/11/13 PHP
jQuery 对象中的类数组操作
2009/04/27 Javascript
Extjs学习笔记之九 数据模型(上)
2010/01/11 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(上:事件篇)
2010/03/24 Javascript
解析js如何获取当前url中的参数值并复制给input
2013/06/23 Javascript
目前流行的JavaScript库的介绍及对比
2013/09/29 Javascript
JS判断字符串包含的方法
2015/05/05 Javascript
深入探秘jquery瀑布流的实现
2016/01/30 Javascript
jQuery生成假加载动画效果
2016/12/01 Javascript
完美解决node.js中使用https请求报CERT_UNTRUSTED的问题
2017/01/08 Javascript
js仿iphone秒表功能 计算平均数
2017/01/11 Javascript
JS中DOM元素的attribute与property属性示例详解
2018/09/04 Javascript
玩转Koa之核心原理分析
2018/12/29 Javascript
vue实现抖音时间转盘
2019/09/08 Javascript
详解node登录接口之密码错误限制次数(含代码)
2019/10/25 Javascript
Python ORM框架SQLAlchemy学习笔记之关系映射实例
2014/06/10 Python
python字典键值对的添加和遍历方法
2016/09/11 Python
Python socket聊天脚本代码实例
2020/01/02 Python
selenium+python配置chrome浏览器的选项的实现
2020/03/18 Python
实例讲解Python 迭代器与生成器
2020/07/08 Python
Python中Pyspider爬虫框架的基本使用详解
2021/01/27 Python
美国在线面料商店:Fashion Fabrics Club
2020/01/31 全球购物
学生自我鉴定范文
2013/10/04 职场文书
中专三年学习的个人自我评价
2013/12/12 职场文书
会计专业个人求职信范文
2014/01/08 职场文书
就业协议书范本
2014/04/11 职场文书
竞选宣传委员演讲稿
2014/05/24 职场文书
学校领导班子对照检查材料
2014/09/24 职场文书
Python中json.load()和json.loads()有哪些区别
2021/06/07 Python
详解CSS中的特指度和层叠问题
2021/07/15 HTML / CSS
实现一个简单得数据响应系统
2021/11/11 Javascript