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 IE中的DOM ready应用技巧
Jul 23 Javascript
什么是Node.js?Node.js详细介绍
Jun 01 Javascript
js简单抽奖代码
Jan 16 Javascript
利用HTML5的画布Canvas实现刮刮卡效果
Sep 06 Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
Nov 02 Javascript
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
Nov 29 Javascript
为输入框加入数字js校验代码分享
Nov 02 Javascript
如何用JavaScript实现功能齐全的单链表详解
Feb 11 Javascript
javascrit中undefined和null的区别详解
Apr 07 Javascript
详解Nuxt.js中使用Element-UI填坑
Sep 06 Javascript
微信小程序激励式视频广告组件使用详解
Dec 06 Javascript
详细聊聊浏览器是如何看闭包的
Nov 11 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
基于mysql的bbs设计(四)
2006/10/09 PHP
修改PHP的memory_limit限制的方法分享
2012/02/21 PHP
PHP框架Laravel中使用UUID实现数据分表操作示例
2018/05/30 PHP
用Javascript数组处理多个字符串的连接问题
2009/08/20 Javascript
自动最大化窗口的Javascript代码
2013/05/22 Javascript
javaScript 页面自动加载事件详解
2014/02/10 Javascript
js的2种继承方式详解
2014/03/04 Javascript
javascript跨域的4种方法和原理详解
2014/04/08 Javascript
通过JS来动态的修改url,实现对url的增删查改
2014/09/01 Javascript
分享20个提升网站界面体验的jQuery插件
2014/12/15 Javascript
jQuery+css3实现文字跟随鼠标的上下抖动
2015/07/31 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
2016/08/01 Javascript
Backbone View 之间通信的三种方式
2016/08/09 Javascript
JavaScript中对象的不同创建方法
2016/08/12 Javascript
Angularjs中的ui-bootstrap的使用教程
2017/02/19 Javascript
深入学习 JavaScript中的函数调用
2017/03/23 Javascript
vue项目引入Iconfont图标库的教程图解
2018/10/24 Javascript
vue使用i18n实现国际化的方法详解
2019/09/05 Javascript
详解Vscode中使用Eslint终极配置大全
2019/11/08 Javascript
关于angular 8.1使用过程中的一些记录
2020/11/25 Javascript
[04:40]DOTA2-DPC中国联赛1月26日Recap集锦
2021/03/11 DOTA
python 提取文件的小程序
2009/07/29 Python
python基础入门详解(文件输入/输出 内建类型 字典操作使用方法)
2013/12/08 Python
Python易忽视知识点小结
2015/05/25 Python
详解django自定义中间件处理
2018/11/21 Python
基于Django静态资源部署404的解决方法
2019/07/28 Python
python3 re返回形式总结
2020/11/20 Python
Python解析m3u8拼接下载mp4视频文件的示例代码
2021/03/03 Python
匡威西班牙官网:Converse西班牙
2019/10/01 全球购物
英语系本科生个人求职信
2013/09/21 职场文书
办护照工作证明范本
2014/01/14 职场文书
护士自我评价范文
2014/01/25 职场文书
国庆节文艺活动方案
2014/02/03 职场文书
财务管理专业毕业生求职信
2014/06/02 职场文书
表扬信格式模板
2015/05/05 职场文书
在Windows下安装配置CPU版的PyTorch的方法
2021/04/02 Python