AngularJS控制器繼承自另一控制器
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控制器上傳文件
- 簡述AngularJS的控制器的使用
- AngularJS基礎(chǔ)學(xué)習(xí)筆記之控制器
- AngularJS開發(fā)教程之控制器之間的通信方法分析
相關(guān)文章
Angular應(yīng)用prerender預(yù)渲染提高頁面加載速度
這篇文章主要介紹了Angular應(yīng)用prerender預(yù)渲染提高頁面加載速度,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10Angularjs根據(jù)json文件動(dòng)態(tài)生成路由狀態(tài)的實(shí)現(xiàn)方法
最近做項(xiàng)目遇到這樣一個(gè)新需求,就是需要根據(jù)json文件動(dòng)態(tài)生成路由狀態(tài),通過查閱相關(guān)資料實(shí)現(xiàn)了此功能,下面小編把問題總結(jié)分享到腳本之家平臺(tái)供大家參考2017-04-04AngularJS使用ng-class動(dòng)態(tài)增減class樣式的方法示例
這篇文章主要介紹了AngularJS使用ng-class動(dòng)態(tài)增減class樣式的方法,結(jié)合具體實(shí)例形式分析了ng-class操作頁面class樣式的相關(guān)技巧,需要的朋友可以參考下2017-05-05AngularJs IE Compatibility 兼容老版本IE
本文主要介紹AngularJs IE Compatibility 兼容老版本IE的問題及解決辦法,有興趣的小伙伴可以參考下2016-09-09Angularjs實(shí)現(xiàn)搜索關(guān)鍵字高亮顯示效果
本篇文章主要介紹了Angularjs實(shí)現(xiàn)搜索關(guān)鍵字高亮顯示的方法,具有一定的參考價(jià)值,下面跟著小編一起來看下吧2017-01-01AngularJS基礎(chǔ) ng-options 指令詳解
本文主要介紹AngularJS ng-options 指令,這里對(duì)ng-options指令的知識(shí)做了詳細(xì)整理,并附有詳細(xì)的代碼示例,有需要的小伙伴可以參考下2016-08-08實(shí)例詳解AngularJS實(shí)現(xiàn)無限級(jí)聯(lián)動(dòng)菜單
這篇文章主要介紹了實(shí)例詳解AngularJS實(shí)現(xiàn)無限級(jí)聯(lián)動(dòng)菜單的相關(guān)資料,需要的朋友可以參考下2016-01-01