• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >AngularJS > AngularJS控制器继承自另一控制器

AngularJS控制器继承自另一控制器

作者:BccSafe 字体:[增加 减小] 来源:互联网 时间:2017-05-30

本文主要包含AngularJS控制器继承自另一控制器等相关知识,BccSafe 希望在学习及工作中可以帮助到您

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
});
</div>

以上所述是小编给大家介绍的AngularJS控制器继承自另一控制器的相关知识,希望对大家有所帮助!

</div>

您可能想查找下面的文章:

相关文章

  • 2017-05-30AngularJS初始化过程分析(引导程序)
  • 2017-05-30详解Angular 4.x Injector
  • 2017-05-30angularjs学习笔记之三大模块(modal,controller,view)
  • 2017-05-30AngularJS监听路由的变化示例代码
  • 2017-05-30AngularJS入门教程之模块化操作用法示例
  • 2017-05-30Angular2中如何使用ngx-translate进行国际化
  • 2017-05-30详解AngularJS中自定义指令的使用
  • 2017-05-30angularjs中ng-bind-html的用法总结
  • 2017-05-30Angular2-primeNG文件上传模块FileUpload使用详解
  • 2017-05-30AngularJS解决ng界面长表达式(ui-set)的方法分析

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • AngularJS基础 ng-keyup 指令简单示例
    • AngularJS1.X学习笔记2-数据绑定详解
    • 详解如何将angular-ui的图片轮播组件封装成一个指令
    • AngularJs学习第五篇从Controller控制器谈谈$scope作用域
    • AngularJS入门教程之Scope(作用域)
    • AngularJS学习笔记之基本指令(init、repeat)
    • AngularJS中如何使用echart插件示例详解
    • Angular2安装angular-cli
    • 理解AngularJs篇:30分钟快速掌握AngularJs
    • angular基于ui-router实现系统权限控制

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有