AngularJs事件

事件的傳播

冒泡

要把事件沿著作用域鏈向上派送(從子作用域到父作用域)汞扎,我們要使用$emit() 函數(shù)季稳。

// 發(fā)送一個事件
// 我們的用戶以當(dāng)前user登錄了
scope.$emit('user:logged_in', scope.user);
  1. name(字符串)
    要發(fā)出的事件名稱擅这。
  2. args(集合)
    一個參數(shù)的集合澈魄,作為對象傳遞到事件監(jiān)聽器中。

向下傳播 $broadcast

// 等等仲翎,購物車去結(jié)賬了
// 當(dāng)購物車在結(jié)賬的時候
// 下面所有的指令都應(yīng)當(dāng)禁用自己
scope.$broadcast('cart:checking_out', scope.cart);
  1. name(字符串)
    要發(fā)出的事件名稱痹扇。
  2. args(集合)

事件的監(jiān)聽

$on()方法

scope.$on('$routeChangeStart',
 function(evt, next, current) {
 // 一個新的路由被觸發(fā)了
});

事件對象

事件對象有以下屬性

targetScope(作用域?qū)ο螅?/h2>

這個屬性是發(fā)送或者廣播事件的作用域。

currentScope(作用域?qū)ο螅?/h2>

這個對象包含了當(dāng)前處理事件的作用域溯香。

name(字符串)

這個字符串是觸發(fā)之后鲫构,我們正在處理的事件名稱。

stopPropagation(函數(shù))

/////
我們用$emit() 調(diào)用的有好幾個事件玫坛,它們把事件往上發(fā)结笨, 更多調(diào)用的是$broadcast() 事件。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市炕吸,隨后出現(xiàn)的幾起案子伐憾,更是在濱河造成了極大的恐慌,老刑警劉巖赫模,帶你破解...
    沈念sama閱讀 207,248評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件树肃,死亡現(xiàn)場離奇詭異,居然都是意外死亡瀑罗,警方通過查閱死者的電腦和手機(jī)胸嘴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評論 2 381
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來斩祭,“玉大人劣像,你說我怎么就攤上這事〈菝担” “怎么了驾讲?”我有些...
    開封第一講書人閱讀 153,443評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長席赂。 經(jīng)常有香客問我吮铭,道長,這世上最難降的妖魔是什么颅停? 我笑而不...
    開封第一講書人閱讀 55,475評論 1 279
  • 正文 為了忘掉前任谓晌,我火速辦了婚禮,結(jié)果婚禮上癞揉,老公的妹妹穿的比我還像新娘纸肉。我一直安慰自己,他們只是感情好喊熟,可當(dāng)我...
    茶點故事閱讀 64,458評論 5 374
  • 文/花漫 我一把揭開白布柏肪。 她就那樣靜靜地躺著,像睡著了一般芥牌。 火紅的嫁衣襯著肌膚如雪烦味。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,185評論 1 284
  • 那天壁拉,我揣著相機(jī)與錄音谬俄,去河邊找鬼。 笑死弃理,一個胖子當(dāng)著我的面吹牛溃论,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播痘昌,決...
    沈念sama閱讀 38,451評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼钥勋,長吁一口氣:“原來是場噩夢啊……” “哼炬转!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起算灸,我...
    開封第一講書人閱讀 37,112評論 0 261
  • 序言:老撾萬榮一對情侶失蹤返吻,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后乎婿,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體测僵,經(jīng)...
    沈念sama閱讀 43,609評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,083評論 2 325
  • 正文 我和宋清朗相戀三年谢翎,在試婚紗的時候發(fā)現(xiàn)自己被綠了捍靠。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,163評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡森逮,死狀恐怖榨婆,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情褒侧,我是刑警寧澤良风,帶...
    沈念sama閱讀 33,803評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站闷供,受9級特大地震影響烟央,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜歪脏,卻給世界環(huán)境...
    茶點故事閱讀 39,357評論 3 307
  • 文/蒙蒙 一疑俭、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧婿失,春花似錦钞艇、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至懒浮,卻和暖如春飘弧,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背嵌溢。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評論 1 261
  • 我被黑心中介騙來泰國打工眯牧, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人赖草。 一個月前我還...
    沈念sama閱讀 45,636評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像剪个,于是被迫代替她去往敵國和親秧骑。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,925評論 2 344

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)乎折,斷路器绒疗,智...
    卡卡羅2017閱讀 134,601評論 18 139
  • 在AngularJS中,作用域是具有層次分明的結(jié)構(gòu)骂澄。其中根層級也就是我們經(jīng)诚拍ⅲ看到的$rootScope,其次是$S...
    Bennt閱讀 1,273評論 0 0
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語法坟冲,類相關(guān)的語法磨镶,內(nèi)部類的語法,繼承相關(guān)的語法健提,異常的語法琳猫,線程的語...
    子非魚_t_閱讀 31,587評論 18 399
  • 一,angularjs $broadcast $emit $on的處理思想 在一個controller里面通過事件...
    lmem閱讀 202評論 0 0
  • 抽空看了成甲的演講私痹,收獲頗豐脐嫂,稍作筆錄,與君分享紊遵。 來账千,拿起筆和紙先記下這句話 學(xué)習(xí)并不是要記住更多知識,而是要把...
    大張冰閱讀 209評論 5 2