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中的History历史对象
Jan 16 Javascript
js下写一个事件队列操作函数
Jul 19 Javascript
JS复制到剪贴板示例代码
Oct 30 Javascript
使用javascript获取页面名称
Dec 23 Javascript
javascript中闭包(Closure)详解
Jan 06 Javascript
ES6中Iterator与for..of..遍历用法分析
Mar 31 Javascript
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 jQuery
AngularJS遍历获取数组元素的方法示例
Nov 11 Javascript
解决vue打包css文件中背景图片的路径问题
Sep 03 Javascript
webpack的CSS加载器的使用
Sep 11 Javascript
Vue项目总结之webpack常规打包优化方案
Jun 06 Javascript
vue3.0+vue-router+element-plus初实践
Dec 02 Vue.js
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 魔术方法使用说明
2009/10/20 PHP
解密ThinkPHP3.1.2版本之独立分组功能应用
2014/06/19 PHP
laravel Model 执行事务的实现
2019/10/10 PHP
js+CSS 图片等比缩小并垂直居中实现代码
2008/12/01 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
2011/09/02 Javascript
iScroll中事件点击触发两次解决方案
2015/03/11 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
2015/03/26 Javascript
angular1配合gulp和bower的使用教程
2018/01/19 Javascript
javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
2020/04/12 Javascript
Angular入口组件(entry component)与声明式组件的区别详解
2018/04/09 Javascript
在Vue项目中引入JQuery-ui插件的讲解
2019/01/27 jQuery
layui的select联动实现代码
2019/09/28 Javascript
JS FormData对象使用方法实例详解
2020/02/12 Javascript
微信小程序上传帖子的实例代码(含有文字图片的微信验证)
2020/07/11 Javascript
Vue常用API、高级API的相关总结
2021/02/02 Vue.js
简介Python中用于处理字符串的center()方法
2015/05/18 Python
Python使用Paramiko模块编写脚本进行远程服务器操作
2016/05/05 Python
使用XML库的方式,实现RPC通信的方法(推荐)
2017/06/14 Python
浅谈Python中range和xrange的区别
2017/12/20 Python
python中numpy的矩阵、多维数组的用法
2018/02/05 Python
python 运用Django 开发后台接口的实例
2018/12/11 Python
对python中Json与object转化的方法详解
2018/12/31 Python
详解pycharm连接不上mysql数据库的解决办法
2020/01/10 Python
css3 transform过渡抖动问题解决
2020/10/23 HTML / CSS
Bally美国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/05/18 全球购物
Sisley法国希思黎美国官方网站:享誉全球的奢华植物美容品牌
2020/06/27 全球购物
酒店实习个人鉴定
2013/12/07 职场文书
小学生获奖感言范文
2014/02/02 职场文书
校企合作协议书
2014/04/16 职场文书
培训研修方案
2014/06/06 职场文书
防邪知识进家庭活动方案
2014/08/26 职场文书
建设办主任四风问题整改思路和措施
2014/09/20 职场文书
致运动员的广播稿
2015/08/19 职场文书
2015年小学语文教师工作总结
2015/10/23 职场文书
工伤调解协议书
2016/03/21 职场文书
MySQL提取JSON字段数据实现查询
2022/04/22 MySQL