AngularJS控制器继承自另一控制器


Posted in Javascript onMay 09, 2016

AngularJS里控制器继承,常用的就是作用域嵌套作用域。默认情况下,当前作用域中无法找到某个属性时,就会在父级作用域中进行查找,若找不到直至查找到$rootScope。

但有些情况下,rootScope下就是我们的controller,不可能将大量的公用属性方法写到rootScope里去。

比如说有多个类似的页面,都有面包屑,搜索栏,工具栏,表格等元素,面包屑表格这种元素考虑做成directive,那么必然会有许多类似的配置需要从controller传到组件里去,也会产生很多工具类方法用于处理数据等,这时候在每个页面的controller里重复写相同的代码显然很难看,就需要用到继承。

在StackOverflow上找到了解决方案,原来AngularJS已经考虑到这种情况了,提供了$controller

var app = angular.module('angularjs-starter', []); 
app.controller('ParentCtrl ', function($scope) {
// I'm the sibling, but want to act as parent
});
app.controller('ChildCtrl', function($scope, $controller) {
$controller('ParentCtrl', {$scope: $scope}); //This works
});

以上所述是小编给大家介绍的AngularJS控制器继承自另一控制器的相关知识,希望对大家有所帮助!

Javascript 相关文章推荐
js 变量类型转换常用函数与代码[比较全]
Dec 01 Javascript
JSF中confirm弹出框的用法示例介绍
Jan 07 Javascript
jquery淡化版banner异步图片文字效果切换图片特效
Apr 08 Javascript
node.js中RPC(远程过程调用)的实现原理介绍
Dec 05 Javascript
jQuery实现列表内容的动态载入特效
Aug 08 Javascript
JavaScript变量的作用域全解析
Aug 14 Javascript
jQuery实现为控件添加水印文字效果(附源码)
Dec 02 Javascript
js中实现字符串和数组的相互转化详解
Jan 24 Javascript
浅析如何利用angular结合translate为项目实现国际化
Dec 08 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(下)
Apr 21 Javascript
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
Sep 26 Javascript
JavaScript实现点击切换验证码及校验
Jan 10 Javascript
如何使用AngularJs打造权限管理系统【简易型】
May 09 #Javascript
ajax跨域调用webservice的实现代码
May 09 #Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
Dec 22 #Javascript
基于Jquery插件Uploadify实现实时显示进度条上传图片
Mar 26 #Javascript
jQuery实现三级菜单的代码
May 09 #Javascript
Boostrap入门准备之border box
May 09 #Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
May 09 #Javascript
You might like
php include和require的区别深入解析
2013/06/17 PHP
浅析Apache中RewriteCond规则参数的详细介绍
2013/06/30 PHP
php实现字符串翻转的方法
2015/03/27 PHP
PHP中把对象转换为关联数组代码分享
2015/04/09 PHP
PHP Ajax JavaScript Json获取天气信息实现代码
2016/08/17 PHP
利用php做服务器和web前端的界面进行交互
2016/10/31 PHP
document.onreadystatechange事件的用法分析
2009/10/17 Javascript
JavaScript怎么判断图片是否加载完成以便获取其尺寸
2014/05/08 Javascript
JavaScript获取当前网页标题(title)的方法
2015/04/03 Javascript
jQuery实现图片与文字描述左右滑动自动切换的方法
2015/07/27 Javascript
jQuery实现默认是闭合的FAQ展开效果菜单
2015/09/14 Javascript
Jquery 效果使用详解
2015/11/23 Javascript
js导出excel文件的简洁方法(推荐)
2016/11/02 Javascript
js querySelector() 使用方法
2016/12/21 Javascript
简单实现jQuery级联菜单
2017/01/09 Javascript
详解axios在node.js中的post使用
2017/04/27 Javascript
jQuery Validate表单验证插件实现代码
2017/06/08 jQuery
jquery实现搜索框功能实例详解
2018/07/23 jQuery
layui操作列按钮个数和文字颜色的判断实例
2019/09/11 Javascript
JS数组方法join()用法实例分析
2020/01/18 Javascript
node.js开发辅助工具nodemon安装与配置详解
2020/02/06 Javascript
vue下拉刷新组件的开发及slot的使用详解
2020/12/23 Vue.js
[12:36]《DOTA2》国服注册与激活指南全攻略
2013/04/28 DOTA
Python使用matplotlib实现绘制自定义图形功能示例
2018/01/18 Python
python爬虫爬取淘宝商品信息(selenum+phontomjs)
2018/02/24 Python
CentOS下Python3的安装及创建虚拟环境的方法
2018/11/28 Python
Python lxml解析HTML并用xpath获取元素的方法
2019/01/02 Python
Python3操作读写CSV文件使用包过程解析
2020/04/10 Python
基于Python正确读取资源文件
2020/09/14 Python
HTML 5 标签、属性、事件及浏览器兼容性速查表 附打包下载
2012/10/20 HTML / CSS
倩碧香港官方网站:Clinique香港
2017/11/13 全球购物
New Balance俄罗斯官方网上商店:购买运动鞋
2020/03/02 全球购物
网页美工求职信
2014/02/15 职场文书
六查六看自查报告
2014/10/14 职场文书
求职信如何撰写?
2019/05/22 职场文书
vue中 this.$set的使用详解
2021/11/17 Vue.js