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 30 Javascript
javascript 回调函数详解
Nov 11 Javascript
javascript中Array数组的迭代方法实例分析
Feb 04 Javascript
js实现带按钮的上下滚动效果
May 12 Javascript
js实现简单锁屏功能实例
May 27 Javascript
JavaScript中使用Math.floor()方法对数字取整
Jun 15 Javascript
Bootstrap项目实战之子栏目资讯内容
Apr 25 Javascript
巧方法 JavaScript获取超链接的绝对URL地址
Jun 14 Javascript
移动端js图片查看器
Nov 17 Javascript
livereload工具实现前端可视化开发【推荐】
Dec 23 Javascript
Bootstrap table右键功能实现方法
Feb 20 Javascript
微信jssdk踩坑之签名错误invalid signature
May 19 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生成自己的LOG文件
2006/10/09 PHP
CodeIgniter php mvc框架 中国网站
2008/05/26 PHP
PHP简单处理表单输入的特殊字符的方法
2016/02/03 PHP
PHP实现腾讯短网址生成api接口实例
2020/12/08 PHP
Javascript技术技巧大全(五)
2007/01/22 Javascript
js调试系列 断点与动态调试[基础篇]
2014/06/18 Javascript
JS获取客户端IP地址、MAC和主机名的7个方法汇总
2014/07/21 Javascript
jquery单选框radio绑定click事件实现方法
2015/01/14 Javascript
JQuery分屏指示器图片轮换效果实例
2015/05/21 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
2016/03/02 Javascript
PHP+jquery+ajax实现分页
2016/12/09 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
2017/03/29 Javascript
Vue拖拽组件开发实例详解
2018/05/11 Javascript
垃圾回收器的相关知识点总结
2018/05/13 Javascript
Vuex入门到上手教程
2018/06/20 Javascript
webpack4简单入门实例
2018/09/06 Javascript
vue中render函数的使用详解
2018/10/12 Javascript
vue 移动端注入骨架屏的配置方法
2019/06/25 Javascript
原生js实现二级联动菜单
2019/11/27 Javascript
vue 扩展现有组件的操作
2020/08/14 Javascript
微信小程序使用前置摄像头拍照
2020/10/22 Javascript
Python实现监控Nginx配置文件的不同并发送邮件报警功能示例
2019/02/26 Python
python tkinter窗口最大化的实现
2019/07/15 Python
jupyter notebook 恢复误删单元格或者历史代码的实现
2020/04/17 Python
html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端点/交汇点
2013/01/09 HTML / CSS
HTML5 canvas基本绘图之绘制线条
2016/06/27 HTML / CSS
美国在线肉类和海鲜配送:Crowd Cow
2020/10/02 全球购物
电话销售经理岗位职责
2013/12/07 职场文书
酒店保安员岗位职责
2014/01/31 职场文书
大学毕业感言100字
2014/02/03 职场文书
2015年世界水日活动总结
2015/02/09 职场文书
鲁冰花观后感
2015/06/10 职场文书
余世维讲座观后感
2015/06/11 职场文书
人与自然观后感
2015/06/16 职场文书
技术入股合作协议书
2016/03/21 职场文书
Java基础——Map集合
2022/04/01 Java/Android