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之六 缓存数据功能介绍
Jun 21 Javascript
JS注册/移除事件处理程序(ExtJS应用程序设计实战)
May 07 Javascript
jQuery实现简单二级下拉菜单
Apr 12 Javascript
JS中捕获console.log()输出的方法
Apr 16 Javascript
浅谈javascript中的DOM方法
Jul 16 Javascript
jQuery layui常用方法介绍
Jul 25 Javascript
JS生成一维码(条形码)功能示例
Jan 19 Javascript
微信小程序 下拉菜单的实现
Apr 06 Javascript
jQuery ajax动态生成table功能示例
Jun 14 jQuery
JavaScript深拷贝和浅拷贝概念与用法实例分析
Jun 07 Javascript
深入了解query和params的使用区别
Jun 24 Javascript
v-slot和slot、slot-scope之间相互替换实例
Sep 04 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 生成饼图 三维饼图
2009/09/28 PHP
php笔记之常用文件操作
2010/10/12 PHP
Mac环境下php操作mysql数据库的方法分享
2015/05/11 PHP
更正确的asp冒泡排序
2007/05/24 Javascript
基于jQuery的Tab选项框效果代码(插件)
2011/03/01 Javascript
TextArea设置MaxLength属性最大输入值的js代码
2012/12/21 Javascript
jQuery事件绑定.on()简要概述及应用
2013/02/07 Javascript
浅析jQuery中常用的元素查找方法总结
2013/07/04 Javascript
可以用鼠标拖动的DIV实现思路及代码
2013/10/21 Javascript
js实现图片从左往右渐变切换效果的方法
2015/02/06 Javascript
js限制文本框只能输入中文的方法
2015/08/11 Javascript
基于javascript如何传递特殊字符
2015/11/30 Javascript
基于JS实现导航条之调用网页助手小精灵的方法
2016/06/17 Javascript
Bootstrap前端开发案例二
2016/06/17 Javascript
js实现小窗口拖拽效果
2016/12/03 Javascript
使用jsonp实现跨域获取数据实例讲解
2016/12/25 Javascript
JS日程管理插件FullCalendar中文说明文档
2017/02/06 Javascript
html+javascript+bootstrap实现层级多选框全层全选和多选功能
2017/03/09 Javascript
JS简单实现动态添加HTML标记的方法示例
2018/04/08 Javascript
浅谈JavaScript节流和防抖函数
2020/08/25 Javascript
[44:50]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第二局
2016/02/26 DOTA
[01:00]一分钟回顾2018DOTA2亚洲邀请赛现场活动
2018/04/07 DOTA
给Python的Django框架下搭建的BLOG添加RSS功能的教程
2015/04/08 Python
在Python的框架中为MySQL实现restful接口的教程
2015/04/08 Python
介绍Python中的__future__模块
2015/04/27 Python
将tensorflow的ckpt模型存储为npy的实例
2018/07/09 Python
Django Rest framework之权限的实现示例
2018/12/17 Python
python的列表List求均值和中位数实例
2020/03/03 Python
CSS3线性渐变简单实现以及该属性在浏览器中的不同
2012/12/12 HTML / CSS
MANGO官方网站:西班牙芒果服装品牌
2017/01/15 全球购物
英国设计师珠宝网站:Joshua James Jewellery
2020/03/01 全球购物
触摸春天教学反思
2014/02/03 职场文书
大学奖学金获奖感言
2014/08/15 职场文书
工程质检员岗位职责
2015/04/08 职场文书
六年级语文教学反思
2016/03/03 职场文书
vue3如何优雅的实现移动端登录注册模块
2021/03/29 Vue.js