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 相关文章推荐
Add Formatted Text to a Word Document
Jun 15 Javascript
20个非常有用的PHP类库 加速php开发
Jan 15 Javascript
fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器
Jun 26 Javascript
Javascript中3种实现继承的方法和代码实例
Aug 12 Javascript
事件委托与阻止冒泡阻止其父元素事件触发
Sep 02 Javascript
node.js中的fs.readlink方法使用说明
Dec 17 Javascript
Node.js中的缓冲与流模块详细介绍
Feb 11 Javascript
AngularJS中实现动画效果的方法
Jul 28 Javascript
axios使用拦截器统一处理所有的http请求的方法
Nov 02 Javascript
javascript canvas API内容整理
Feb 16 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
May 24 Javascript
javascript实现移动端红包雨页面
Jun 23 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
yii 2.0中表单小部件的使用方法示例
2017/05/23 PHP
jquery插件之easing使用
2010/08/19 Javascript
JavaScript类库D
2010/10/24 Javascript
分享几个超级震憾的图片特效
2012/01/08 Javascript
灵活应用js调试技巧解决样式问题的步骤分享
2012/03/15 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
2014/05/20 Javascript
JavaScript实现的一个计算数字步数的算法分享
2014/12/06 Javascript
jQuery中removeData()方法用法实例
2014/12/27 Javascript
js实现表单检测及表单提示的方法
2015/08/14 Javascript
Angularjs实现多图片上传预览功能
2018/07/18 Javascript
a标签调用js的方法总结
2019/09/05 Javascript
小程序的上传文件接口的注意要点解析
2019/09/17 Javascript
vue element自定义表单验证请求后端接口验证
2019/12/11 Javascript
vue实现表单未编辑或未保存离开弹窗提示功能
2020/04/08 Javascript
原生js实现点击按钮复制内容到剪切板
2020/11/19 Javascript
[01:11]steam端dota2实名认证操作流程视频
2021/03/11 DOTA
Python中apply函数的用法实例教程
2014/07/31 Python
mac下给python3安装requests库和scrapy库的实例
2018/06/13 Python
为什么str(float)在Python 3中比Python 2返回更多的数字
2018/10/16 Python
Python3非对称加密算法RSA实例详解
2018/12/06 Python
python 抓包保存为pcap文件并解析的实例
2019/07/23 Python
Python列表去重复项的N种方法(实例代码)
2020/05/12 Python
Python 如何展开嵌套的序列
2020/08/01 Python
Python自定义sorted排序实现方法详解
2020/09/18 Python
利用CSS3的线性渐变linear-gradient制作边框的示例
2016/06/02 HTML / CSS
意大利时尚精品店:Nugnes 1920
2020/02/10 全球购物
德国亚马逊官方网站:Amazon.de
2020/11/15 全球购物
最新党员的自我评价分享
2013/11/04 职场文书
中学生自我评价范文
2014/02/08 职场文书
离职信范本
2015/06/23 职场文书
勤俭节约主题班会
2015/08/13 职场文书
浅谈Laravel中使用Slack进行异常通知
2021/05/29 PHP
python面向对象版学生信息管理系统
2021/06/24 Python
SQL Server作业失败:无法确定所有者是否有服务器访问权限的解决方法
2021/06/30 SQL Server
JavaScript选择器函数querySelector和querySelectorAll
2021/11/27 Javascript
详解Mysq MVCC多版本的并发控制
2022/04/29 MySQL