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 动态设置已知select的option的value值的代码
Dec 16 Javascript
jQuery $命名冲突解决方案汇总
Nov 13 Javascript
当jquery ajax遇上401请求的解决方法
May 19 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
May 31 Javascript
javascript的函数劫持浅析
Sep 26 Javascript
JSON 对象未定义错误的解决方法
Sep 29 Javascript
详解vue表单验证组件 v-verify-plugin
Apr 19 Javascript
JavaScript实现隐藏省略文字效果的方法
Apr 27 Javascript
Javascript实现的StopWatch功能示例
Jun 13 Javascript
vue如何解决循环引用组件报错的问题
Sep 22 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
Apr 17 Javascript
JS实现网页烟花动画效果
Mar 10 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/07/01 PHP
php 多继承的几种常见实现方法示例
2019/11/18 PHP
自动完成JS类(纯JS, Ajax模式)
2009/03/12 Javascript
js 回车提交表单两种实现方法
2012/12/31 Javascript
THREE.JS入门教程(4)创建粒子系统
2013/01/24 Javascript
JavaScript 实现类的多种方法实例
2013/05/01 Javascript
使用jquery+CSS3实现仿windows10开始菜单的下拉导航菜单特效
2015/09/24 Javascript
jQuery中的ajax async同步和异步详解
2015/09/29 Javascript
JavaScript中使用数组方法汇总
2016/02/16 Javascript
bootstrap输入框组使用方法
2017/02/07 Javascript
vue图片加载与显示默认图片实例代码
2017/03/16 Javascript
基于Vue实现timepicker
2017/04/25 Javascript
Vue中的情侣属性$dispatch和$broadcast详解
2019/03/07 Javascript
angular 实现下拉列表组件的示例代码
2019/03/09 Javascript
微信小程序获取用户信息及手机号(后端TP5.0)
2019/09/12 Javascript
layui prompt 设置允许空白提交的方法
2019/09/24 Javascript
解决echarts中横坐标值显示不全(自动隐藏)问题
2020/07/20 Javascript
Vue+penlayers实现多边形绘制及展示
2020/12/24 Vue.js
[00:37]2016完美“圣”典风云人物:rOtk宣传片
2016/12/09 DOTA
Python使用MD5加密字符串示例
2014/08/22 Python
Python中urllib+urllib2+cookielib模块编写爬虫实战
2016/01/20 Python
Python if语句知识点用法总结
2018/06/10 Python
Numpy之文件存取的示例代码
2018/08/03 Python
解决pycharm导入本地py文件时,模块下方出现红色波浪线的问题
2020/06/01 Python
浅析NumPy 切片和索引
2020/09/02 Python
Expedia马来西亚旅游网站:廉价酒店,度假村和航班预订
2016/07/26 全球购物
美体小铺瑞典官方网站:The Body Shop瑞典
2018/01/27 全球购物
印尼太阳百货公司网站:Matahari
2018/02/04 全球购物
热能动力工程毕业生自荐信
2013/11/07 职场文书
省优秀教师事迹材料
2014/01/30 职场文书
高中军训感言800字
2014/03/05 职场文书
yy生日主持词
2014/03/20 职场文书
2014年勤工助学工作总结
2014/11/24 职场文书
JavaScript事件的委托(代理)的用法示例详解
2022/02/18 Javascript
SQL bool盲注和时间盲注详解
2022/07/23 SQL Server
CSS中calc(100%-100px)不加空格不生效
2023/05/07 HTML / CSS