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 string字符串优化问题
Jul 31 Javascript
基于JQuery的一句话搞定手风琴菜单
Sep 14 Javascript
学习JavaScript设计模式之代理模式
Jan 12 Javascript
jquery validate表单验证的基本用法入门
Jan 18 Javascript
Boostrap基础教程之JavaScript插件篇
Sep 08 Javascript
Angular.js实现多个checkbox只能选择一个的方法示例
Feb 24 Javascript
ES6入门教程之Class和Module详解
May 17 Javascript
JS实现json对象数组按对象属性排序操作示例
May 18 Javascript
vue富文本编辑器组件vue-quill-edit使用教程
Sep 21 Javascript
d3.js实现图形拖拽
Dec 19 Javascript
详解JavaScript中精度失准问题及解决方法
Feb 04 Javascript
Vue+Element ui 根据后台返回数据设置动态表头操作
Sep 21 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中使用正则表达式提取中文实现笔记
2015/01/20 PHP
ThinkPHP3.2.3框架实现的空模块、空控制器、空操作,跳转到错误404页面图文详解
2019/04/03 PHP
Laravel 前端资源配置教程
2019/10/18 PHP
laravel清除视图缓存的代码
2019/10/23 PHP
jQuery实现长文字部分显示代码
2013/05/13 Javascript
JS中prototype关键字的功能介绍及使用示例
2013/07/21 Javascript
Node.js和PHP根据ip获取地理位置的方法
2014/03/14 Javascript
一个简单的Node.js异步操作管理器分享
2014/04/29 Javascript
javascript制作的网页侧边弹出框思路及实现代码
2014/05/21 Javascript
JSON字符串转换JSONObject和JSONArray的方法
2016/06/03 Javascript
手动初始化Angular的模块与控制器
2016/12/26 Javascript
基本DOM节点操作
2017/01/17 Javascript
详解使用angularjs的ng-options时如何设置默认值(初始值)
2017/07/18 Javascript
详解KOA2如何手写中间件(装饰器模式)
2018/10/11 Javascript
Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置
2019/05/27 Javascript
基于jquery实现彩色投票进度条代码解析
2020/08/26 jQuery
python实现倒计时的示例
2014/02/14 Python
python中list常用操作实例详解
2015/06/03 Python
学习python 之编写简单乘法运算题
2016/02/27 Python
Python解决抛小球问题 求小球下落经历的距离之和示例
2018/02/01 Python
python+splinter实现12306网站刷票并自动购票流程
2018/09/25 Python
Python判断一个文件夹内哪些文件是图片的实例
2018/12/07 Python
Python3 mmap内存映射文件示例解析
2020/03/23 Python
Django中使用Celery的方法步骤
2020/12/07 Python
蔻驰美国官网:COACH美国
2016/08/18 全球购物
大专应届生个人简历的自我评价
2013/10/15 职场文书
临床医学系毕业生推荐信
2013/11/09 职场文书
办公室前台岗位职责
2014/01/04 职场文书
共产党员岗位承诺书
2014/05/29 职场文书
疾病防治方案
2014/05/31 职场文书
敬老院献爱心活动总结
2014/07/08 职场文书
2015年国税春训心得体会
2015/03/09 职场文书
集团财务总监岗位职责
2015/04/03 职场文书
2015年人事科工作总结
2015/04/28 职场文书
雷锋的故事观后感
2015/06/10 职场文书
《夜莺的歌声》教学反思
2016/02/22 职场文书