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 相关文章推荐
Javascript的一种模块模式
Sep 08 Javascript
jquery ui resizable bug解决方法
Oct 26 Javascript
常见效果实现之返回顶部(结合淡入、淡出、减速滚动)
Jan 04 Javascript
jQuery性能优化28条建议你值得借鉴
Feb 16 Javascript
有关于JS构造函数的重载和工厂方法
Apr 07 Javascript
使用jQuery制作浮动工具栏的实例分享
May 13 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
May 24 Javascript
vue2.0 中#$emit,$on的使用详解
Jun 07 Javascript
详解使用angular的HttpClient搭配rxjs
Sep 01 Javascript
微信小程序自定义tab实现多层tab嵌套功能
Jun 15 Javascript
npm scripts 使用指南详解
Oct 08 Javascript
Vue框架TypeScript装饰器使用指南小结
Feb 18 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 email邮箱正则
2008/10/08 PHP
thinkPHP的Html模板标签使用方法
2012/11/13 PHP
ie与session丢失(新窗口cookie丢失)实测及解决方案
2013/07/15 PHP
ThinkPHP结合ajax、Mysql实现的客户端通信功能代码示例
2014/06/23 PHP
PHP实现基于图的深度优先遍历输出1,2,3...n的全排列功能
2017/11/10 PHP
PHP操作Redis常用技巧总结
2018/04/24 PHP
Laravel实现搜索的时候分页并携带参数
2019/10/15 PHP
JavaScript实现向setTimeout执行代码传递参数的方法
2015/04/16 Javascript
jQuery实现html表格动态添加新行的方法
2015/05/28 Javascript
分类解析jQuery选择器
2016/11/23 Javascript
Bootstrap实现圆角、圆形头像和响应式图片
2016/12/14 Javascript
基于javascript的Form表单验证
2016/12/29 Javascript
Bootstrap实现各种进度条样式详解
2017/04/13 Javascript
vue.js实现条件渲染的实例代码
2017/06/22 Javascript
自己动手封装一个React Native多级联动
2018/09/19 Javascript
原生js实现二级联动菜单
2019/11/27 Javascript
python连接oracle数据库实例
2014/10/17 Python
Python语法快速入门指南
2015/10/12 Python
神经网络python源码分享
2017/12/15 Python
Python中getpass模块无回显输入源码解析
2018/01/11 Python
python多线程之事件Event的使用详解
2018/04/27 Python
python随机数分布random测试
2018/08/27 Python
python数据批量写入ScrolledText的优化方法
2018/10/11 Python
使用python-pptx包批量修改ppt格式的实现
2020/02/14 Python
python 中的paramiko模块简介及安装过程
2020/02/29 Python
Python turtle库的画笔控制说明
2020/06/28 Python
详解使用CSS3的@media来编写响应式的页面
2017/11/01 HTML / CSS
全球性的在线婚纱礼服工厂:27dress.com
2019/03/21 全球购物
Opodo意大利:欧洲市场上领先的在线旅行社
2019/10/24 全球购物
北京某公司的.net笔试题
2014/03/20 面试题
进程的查看和调度分别使用什么命令
2013/12/14 面试题
大学本科生的个人自我评价
2013/12/09 职场文书
高二英语教学反思
2014/01/19 职场文书
践行党的群众路线心得体会
2014/11/05 职场文书
学校艾滋病宣传活动总结
2015/05/09 职场文书
python3操作redis实现List列表实例
2021/08/04 Python