AngularJS控制器繼承自另一控制器
更新時(shí)間：2016年05月09日 12:18:47 作者：BccSafe
本文給大家介紹AngularJS控制器繼承自另一控制器的相關(guān)內(nèi)容，小編認(rèn)為介紹的非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友參考下吧
AngularJS里控制器繼承，常用的就是作用域嵌套作用域。默認(rèn)情況下，當(dāng)前作用域中無法找到某個(gè)屬性時(shí)，就會(huì)在父級(jí)作用域中進(jìn)行查找，若找不到直至查找到$rootScope。
但有些情況下，rootScope下就是我們的controller，不可能將大量的公用屬性方法寫到rootScope里去。
比如說有多個(gè)類似的頁面，都有面包屑，搜索欄，工具欄，表格等元素，面包屑表格這種元素考慮做成directive，那么必然會(huì)有許多類似的配置需要從controller傳到組件里去，也會(huì)產(chǎn)生很多工具類方法用于處理數(shù)據(jù)等，這時(shí)候在每個(gè)頁面的controller里重復(fù)寫相同的代碼顯然很難看，就需要用到繼承。
在StackOverflow上找到了解決方案，原來AngularJS已經(jīng)考慮到這種情況了，提供了$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控制器繼承自另一控制器的相關(guān)知識(shí)，希望對(duì)大家有所幫助！
您可能感興趣的文章:
- AngularJS控制器之間的通信方式詳解
- AngularJS控制器之間的數(shù)據(jù)共享及通信詳解
- AngularJS控制器controller正確的通信的方法
- AngularJS指令與控制器之間的交互功能示例
- AngularJS控制器詳解及示例代碼
- AngularJS入門教程之控制器詳解
- AngularJs學(xué)習(xí)第五篇從Controller控制器談?wù)?scope作用域
- 詳解AngularJS控制器的使用
- AngularJS向后端ASP.NET API控制器上傳文件
- 簡(jiǎn)述AngularJS的控制器的使用
- AngularJS基礎(chǔ)學(xué)習(xí)筆記之控制器
- AngularJS開發(fā)教程之控制器之間的通信方法分析
相關(guān)文章
這篇文章主要介紹了AngularJS中使用ng-repeat的index問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-11-11
本篇文章主要介紹了angularJS深拷貝，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-03-03
這篇文章主要介紹了AngularJS中ng-class用法,結(jié)合實(shí)例形式分析了ng-class的功能、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-07-07
這篇文章主要介紹了Angularjs制作簡(jiǎn)單的路由功能demo，剛剛開始學(xué)習(xí)Angularjs,做的不好，還請(qǐng)見諒。2015-04-04
這篇文章主要介紹了AngularJs指令2015-12-12
在html規(guī)范里面,它定義了非常多的標(biāo)簽,在這些標(biāo)簽里面,相同標(biāo)簽之間的嵌套,不同標(biāo)簽之間的嵌套,是十分常見,在Angular里面,我們可以通過自定義標(biāo)簽的方式引用組件,這里的標(biāo)簽?zāi)芊裣裨膆tml標(biāo)簽一樣,來嵌入html標(biāo)簽,或者嵌套其他組件標(biāo)簽?zāi)?本文將介紹投影的作用。2021-05-05
Angular在一個(gè)頁面中使用兩個(gè)ng-app的方法(二)
這篇文章主要介紹了Angular在一個(gè)頁面中使用兩個(gè)ng-app的方法(二),非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-02-02
angularJs中$scope數(shù)據(jù)序列化的實(shí)例
今天小編就為大家分享一篇angularJs中$scope數(shù)據(jù)序列化的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09
本篇文章主要介紹了Angular4 ElementRef的應(yīng)用，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-02-02
Angular實(shí)現(xiàn)的日程表功能【可添加及隱藏顯示內(nèi)容】
這篇文章主要介紹了Angular實(shí)現(xiàn)的日程表功能,帶有向日程表中添加內(nèi)容及隱藏顯示內(nèi)容的功能,涉及AngularJS事件響應(yīng)及頁面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-12-12