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 相关文章推荐
使用Jquery Aajx访问WCF服务(GET、POST、PUT、DELETE)
Mar 16 Javascript
一段非常简单的js判断浏览器的内核
Aug 17 Javascript
jquery append 动态添加的元素事件on 不起作用的解决方案
Jul 30 Javascript
极易被忽视的javascript面试题七问七答
Feb 15 Javascript
深入理解setTimeout函数和setInterval函数
May 20 Javascript
基于vue实现分页/翻页组件paginator示例
Mar 09 Javascript
JS删除数组里的某个元素方法
Feb 03 Javascript
RequireJS用法简单示例
Aug 20 Javascript
vue中利用simplemde实现markdown编辑器(增加图片上传功能)
Apr 29 Javascript
VUEX-action可以修改state吗
Nov 19 Javascript
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
Nov 21 Javascript
如何制作自己的原生JavaScript路由
May 05 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调用MySQL存储过程的方法集合(推荐)
2013/07/03 PHP
php创建多级目录的方法
2015/03/24 PHP
php自动给网址加上链接的方法
2015/06/02 PHP
PHP编写RESTful接口
2016/02/23 PHP
php 查找数组元素提高效率的方法详解
2017/05/05 PHP
自制PHP框架之设计模式
2017/05/07 PHP
Yii中特殊行为ActionFilter的使用方法示例
2020/10/18 PHP
JavaScript 应用类库代码
2008/06/02 Javascript
jquery实现每个数字上都带进度条的幻灯片
2013/02/20 Javascript
javascript实现tabs选项卡切换效果(扩展版)
2013/03/19 Javascript
jquery进行数组遍历如何跳出当前的each循环
2014/06/05 Javascript
javascript从定义到执行 你不知道的那些事
2016/01/04 Javascript
jQuery自定义滚动条完整实例
2016/01/08 Javascript
AngularJS全局scope与Isolate scope通信用法示例
2016/11/22 Javascript
微信小程序 点击控件后选中其它反选实例详解
2017/02/21 Javascript
浅谈Angular文字折叠展开组件的原理分析
2017/11/24 Javascript
layui点击导航栏刷新tab页的示例代码
2018/08/14 Javascript
解决vue中监听input只能输入数字及英文或者其他情况的问题
2018/08/30 Javascript
JavaScript实现学生在线做题计时器功能
2018/12/05 Javascript
微信小程序3种位置API的使用方法详解
2019/08/05 Javascript
jQuery实现增删改查
2020/12/22 jQuery
Vue实现摇一摇功能(兼容ios13.3以上)
2021/01/26 Vue.js
python使用urllib模块和pyquery实现阿里巴巴排名查询
2014/01/16 Python
用Python的pandas框架操作Excel文件中的数据教程
2015/03/31 Python
Pandas:DataFrame对象的基础操作方法
2018/06/07 Python
Pytorch修改ResNet模型全连接层进行直接训练实例
2019/09/10 Python
TensorFlow2.X使用图片制作简单的数据集训练模型
2020/04/08 Python
Python基于jieba, wordcloud库生成中文词云
2020/05/13 Python
python 如何将office文件转换为PDF
2020/09/22 Python
大二自我鉴定范文
2013/10/05 职场文书
银行服务感言
2014/03/01 职场文书
爱祖国演讲稿
2014/05/04 职场文书
2014党员批评和自我批评思想汇报
2014/09/21 职场文书
小学教师学习党的群众路线教育实践活动心得体会
2014/10/31 职场文书
个人创业事迹材料
2014/12/30 职场文书
mysql 带多个条件的查询方式
2021/06/05 MySQL