angularjs事件

一山析,angularjs $broadcast $emit $on的處理思想

在一個controller里面通過事件觸發(fā)一個方法吊履,在方法里面通過$broadcast或$emit來定義一個變量仔拟,在父,子controller里面通過$on來獲取。

Paste_Image.png
1.phonecatControllers.controller('SelfCtrl', function($scope) {  
2.    $scope.click = function () {  
3.        $scope.$broadcast('to-child', 'child');  
4.        $scope.$emit('to-parent', 'parent');  
5.    }  
6.});  
7.  
8.phonecatControllers.controller('ParentCtrl', function($scope) {  
9.    $scope.$on('to-parent', function(d,data) {  
10.        console.log(data);         //父級能得到值  
11.    });  
12.    $scope.$on('to-child', function(d,data) {  
13.        console.log(data);         //子級得不到值  
14.    });  
15.});  
16.  
17.phonecatControllers.controller('ChildCtrl', function($scope){  
18.    $scope.$on('to-child', function(d,data) {  
19.        console.log(data);         //子級能得到值  
20.    });  
21.    $scope.$on('to-parent', function(d,data) {  
22.        console.log(data);         //父級得不到值  
23.    });  
24.});  
25.  
26.phonecatControllers.controller('BroCtrl', function($scope){  
27.    $scope.$on('to-parent', function(d,data) {  
28.        console.log(data);        //平級得不到值  
29.    });  
30.    $scope.$on('to-child', function(d,data) {  
31.        console.log(data);        //平級得不到值  
32.    });  
33.});  

3济丘,點擊Click me的輸出結(jié)果

1.child
2.parent
用$broadcast賦的值晦毙,只能子級得到值生巡;$emit賦的值,只能父級得到见妒;而平級的什么都不能得到孤荣。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市须揣,隨后出現(xiàn)的幾起案子盐股,更是在濱河造成了極大的恐慌,老刑警劉巖耻卡,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件疫粥,死亡現(xiàn)場離奇詭異,居然都是意外死亡乘寒,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進(jìn)店門谤碳,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人溢豆,你說我怎么就攤上這事蜒简。” “怎么了漩仙?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵搓茬,是天一觀的道長。 經(jīng)常有香客問我队他,道長卷仑,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任漱挎,我火速辦了婚禮系枪,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘磕谅。我一直安慰自己私爷,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布膊夹。 她就那樣靜靜地躺著衬浑,像睡著了一般。 火紅的嫁衣襯著肌膚如雪放刨。 梳的紋絲不亂的頭發(fā)上工秩,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天,我揣著相機(jī)與錄音进统,去河邊找鬼助币。 笑死,一個胖子當(dāng)著我的面吹牛螟碎,可吹牛的內(nèi)容都是我干的眉菱。 我是一名探鬼主播,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼掉分,長吁一口氣:“原來是場噩夢啊……” “哼俭缓!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起酥郭,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤华坦,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后不从,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體惜姐,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年消返,在試婚紗的時候發(fā)現(xiàn)自己被綠了载弄。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片耘拇。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡撵颊,死狀恐怖宇攻,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情倡勇,我是刑警寧澤逞刷,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站妻熊,受9級特大地震影響夸浅,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜扔役,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一帆喇、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧亿胸,春花似錦坯钦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至序仙,卻和暖如春突颊,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背潘悼。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工律秃, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人治唤。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓棒动,卻偏偏與公主長得像,于是被迫代替她去往敵國和親肝劲。 傳聞我的和親對象是個殘疾皇子迁客,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 在AngularJS中,作用域是具有層次分明的結(jié)構(gòu)辞槐。其中根層級也就是我們經(jīng)持朗看到的$rootScope,其次是$S...
    Bennt閱讀 1,273評論 0 0
  • 事件的傳播 冒泡 要把事件沿著作用域鏈向上派送(從子作用域到父作用域)榄檬,我們要使用$emit() 函數(shù)卜范。 name...
    vanhukset閱讀 215評論 0 0
  • 這是一個面試官問我的題目海雪,當(dāng)時沒回答出來锦爵,主要是項目中沒有碰到過這類問題,因此今天整理下查找到的資料奥裸,希望對大家有...
    一木_qintb閱讀 739評論 0 2
  • 我敲著鍵盤 滴滴噠噠的 手指關(guān)節(jié)懶得伸直 門外有一支裝修隊 他們拿著簸箕來回走動 經(jīng)過時候 我都會轉(zhuǎn)頭 看見手套在...
    許蜜蜜閱讀 198評論 0 0
  • 時隔五個月湾宙,我終于點開了解憂小站的信箱樟氢。 里面靜靜躺著很多人的心事,突然感覺自己好像錯過了某些人生命中最重要的時刻...
    陸小墨閱讀 4,369評論 0 9