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 相关文章推荐
用dom+xhtml+css制作的一个相册效果代码打包下载
Jan 24 Javascript
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
May 07 Javascript
查找iframe里元素的方法可传参
Sep 11 Javascript
showModalDialog模态对话框的使用详解以及浏览器兼容
Jan 11 Javascript
angularJS 中input示例分享
Feb 09 Javascript
7个去伪存真的JavaScript面试题
Jan 07 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
Mar 26 Javascript
原生和jQuery的ajax用法详解
Jan 23 Javascript
在Vue中如何使用Cookie操作实例
Jul 27 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
Oct 12 Javascript
javascript实现留言板功能
Feb 08 Javascript
何时/使用 Vue3 render 函数的教程详解
Jul 25 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设计模式小结
2013/02/15 PHP
基于Zend的Config机制的应用分析
2013/05/02 PHP
推荐一款PHP+jQuery制作的列表分页的功能模块
2014/10/14 PHP
详解WordPress中调用评论模板和循环输出评论的PHP函数
2016/01/05 PHP
PHP curl 或 file_get_contents 获取需要授权页面的方法
2017/05/05 PHP
JavaScript的漂亮的代码片段
2013/06/05 Javascript
javascript完美拖拽的实现方法
2013/09/29 Javascript
js实现select跳转功能代码
2014/10/22 Javascript
2则自己编写的jQuery特效分享
2015/02/26 Javascript
innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解
2015/03/13 Javascript
JavaScript每天定时更换皮肤样式的方法
2015/07/01 Javascript
jquery获取select选中值的方法分析
2015/12/22 Javascript
Bootstrap CSS使用方法
2016/12/23 Javascript
微信小程序富文本渲染引擎的详解
2017/09/30 Javascript
vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍
2018/09/29 Javascript
在vue使用clipboard.js进行一键复制文本的实现示例
2019/01/15 Javascript
C#程序员入门学习微信小程序的笔记
2019/03/05 Javascript
JS中使用react-tooltip插件实现鼠标悬浮显示框
2019/05/15 Javascript
JavaScript函数IIFE使用详解
2019/10/21 Javascript
jQuery弹框插件使用方法详解
2020/05/26 jQuery
jQuery实现简单全选框
2020/09/13 jQuery
VUE实现吸底按钮
2021/03/04 Vue.js
[01:32]完美世界DOTA2联赛10月29日精彩集锦
2020/10/30 DOTA
在Django的模板中使用认证数据的方法
2015/07/23 Python
如何用itertools解决无序排列组合的问题
2017/05/18 Python
使用TensorFlow实现二分类的方法示例
2019/02/05 Python
pyqt5 tablewidget 利用线程动态刷新数据的方法
2019/06/17 Python
如何用Python进行时间序列分解和预测
2021/03/01 Python
大学生毕业自我鉴定
2013/11/06 职场文书
歌唱比赛主持词
2014/03/18 职场文书
二年级评语大全
2014/04/23 职场文书
信访维稳工作汇报
2014/10/27 职场文书
故意杀人罪辩护词
2015/05/21 职场文书
2015年国培研修感言
2015/08/01 职场文书
用Python提取PDF表格的方法
2021/04/11 Python
浅谈python数据类型及其操作
2021/05/25 Python