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

更新時間：2016年05月09日 12:18:47 作者：BccSafe

本文給大家介紹AngularJS控制器繼承自另一控制器的相關(guān)內(nèi)容，小編認(rèn)為介紹的非常不錯，具有參考借鑒價值，感興趣的朋友參考下吧

AngularJS里控制器繼承，常用的就是作用域嵌套作用域。默認(rèn)情況下，當(dāng)前作用域中無法找到某個屬性時，就會在父級作用域中進(jìn)行查找，若找不到直至查找到$rootScope。

但有些情況下，rootScope下就是我們的controller，不可能將大量的公用屬性方法寫到rootScope里去。

比如說有多個類似的頁面，都有面包屑，搜索欄，工具欄，表格等元素，面包屑表格這種元素考慮做成directive，那么必然會有許多類似的配置需要從controller傳到組件里去，也會產(chǎn)生很多工具類方法用于處理數(shù)據(jù)等，這時候在每個頁面的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)知識，希望對大家有所幫助！

您可能感興趣的文章:

相關(guān)文章

AngularJS中使用ng-repeat的index問題
這篇文章主要介紹了AngularJS中使用ng-repeat的index問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2023-11-11
angularJS深拷貝詳解
本篇文章主要介紹了angularJS深拷貝，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-03-03
AngularJS中ng-class用法實例分析
這篇文章主要介紹了AngularJS中ng-class用法,結(jié)合實例形式分析了ng-class的功能、使用方法與相關(guān)注意事項,需要的朋友可以參考下
2017-07-07
Angularjs制作簡單的路由功能demo
這篇文章主要介紹了Angularjs制作簡單的路由功能demo，剛剛開始學(xué)習(xí)Angularjs,做的不好，還請見諒。
2015-04-04
理解AngularJs指令
這篇文章主要介紹了AngularJs指令
2015-12-12
詳解Angular組件之投影
在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在一個頁面中使用兩個ng-app的方法(二)
這篇文章主要介紹了Angular在一個頁面中使用兩個ng-app的方法(二),非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-02-02
angularJs中$scope數(shù)據(jù)序列化的實例
今天小編就為大家分享一篇angularJs中$scope數(shù)據(jù)序列化的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-09-09
Angular4 ElementRef的應(yīng)用
本篇文章主要介紹了Angular4 ElementRef的應(yīng)用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-02-02
Angular實現(xiàn)的日程表功能【可添加及隱藏顯示內(nèi)容】
這篇文章主要介紹了Angular實現(xiàn)的日程表功能,帶有向日程表中添加內(nèi)容及隱藏顯示內(nèi)容的功能,涉及AngularJS事件響應(yīng)及頁面元素動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
2017-12-12