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面向对象编程(一) 实例代码
Jun 25 Javascript
Jquery练习之表单验证实现代码
Dec 14 Javascript
JavaScript中的字符串操作详解
Nov 12 Javascript
js身份证判断方法支持15位和18位
Mar 18 Javascript
js实现手机拍照上传功能
Jan 17 Javascript
JavaScript DOM节点操作实例小结(新建,删除HTML元素)
Jan 19 Javascript
微信小程序 生命周期函数详解
May 24 Javascript
javaScript 连接打印机,打印小票的实例
Dec 29 Javascript
Angular中使用better-scroll插件的方法
Mar 27 Javascript
Nuxt.js开启SSR渲染的教程详解
Nov 30 Javascript
三步实现ionic3点击退出app程序
Sep 17 Javascript
基于JavaScript实现十五拼图代码实例
Apr 26 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使用递归生成文章树
2015/04/21 PHP
PHP函数func_num_args用法实例分析
2015/12/07 PHP
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
2009/06/14 Javascript
Javascript setInterval的两种调用方法(实例讲解)
2013/11/29 Javascript
使用javascript实现判断当前浏览器
2015/04/14 Javascript
javascript制作的滑动图片菜单
2015/05/15 Javascript
详解vue slot插槽的使用方法
2017/06/13 Javascript
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
2017/12/23 Javascript
javascript数组拍平方法总结
2018/01/20 Javascript
Vue Promise的axios请求封装详解
2018/08/13 Javascript
[07:03]显微镜下的DOTA2第九期——430圣堂刺客杀戮秀
2014/06/20 DOTA
[00:27]DOTA2战队VP、Secret贺新春
2018/02/11 DOTA
python 正则表达式 概述及常用字符
2009/05/04 Python
python监控网站运行异常并发送邮件的方法
2015/03/13 Python
python实现图书管理系统
2018/03/12 Python
[原创]Python入门教程1. 基本运算【四则运算、变量、math模块等】
2018/10/28 Python
解决python中用matplotlib画多幅图时出现图形部分重叠的问题
2019/07/07 Python
python变量的存储原理详解
2019/07/10 Python
Python SQLAlchemy入门教程(基本用法)
2019/11/11 Python
Pytorch提取模型特征向量保存至csv的例子
2020/01/03 Python
Python接口自动化判断元素原理解析
2020/02/24 Python
Django获取model中的字段名和字段的verbose_name方式
2020/05/19 Python
Python远程方法调用实现过程解析
2020/07/28 Python
使用HTML5的File实现base64和图片的互转
2013/08/01 HTML / CSS
警察思想汇报
2014/01/04 职场文书
彩色的非洲教学反思
2014/02/18 职场文书
元宵节主持词
2014/03/25 职场文书
整改落实自查报告
2014/11/05 职场文书
劳模先进事迹材料
2014/12/24 职场文书
党建工作目标管理责任书
2015/01/29 职场文书
税务会计岗位职责
2015/04/02 职场文书
2015年外联部工作总结
2015/04/03 职场文书
2015年高三班主任工作总结
2015/05/21 职场文书
公司食堂管理制度
2015/08/05 职场文书
国产动画《万圣街》日语配音版制作决定!
2022/03/20 国漫
Python 统计序列中元素的出现频度
2022/04/26 Python