AngularJs實(shí)現(xiàn)聊天列表實(shí)時(shí)刷新功能
昨天在做app的聊天列表時(shí)，遇到了一個(gè)問(wèn)題，消息監(jiān)聽(tīng)器監(jiān)聽(tīng)到了一個(gè)新的消息，但是如果這時(shí)已經(jīng)處于消息列表的頁(yè)面那么消息列表并不會(huì)及時(shí)更新。
我的想法是在service層中的監(jiān)聽(tīng)器方法里，當(dāng)監(jiān)聽(tīng)到了一個(gè)新的消息，那么就在根作用域中發(fā)出一個(gè)廣播，告訴controller層需要去獲取最新的消息列表了。
service層中發(fā)出廣播:
controller層中接聽(tīng)廣播:
rootScope是所有scope的父級(jí)
它的廣播(broadcast)和監(jiān)聽(tīng)(on) 可以在無(wú)交集的controller間使用
scope 的 broadcast 和 on 是用于作用域有交集(父子關(guān)系)controller間事件傳遞 有別于rootScope
以上所述是小編給大家介紹的AngularJs實(shí)現(xiàn)聊天列表實(shí)時(shí)刷新功能，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
Angular5給組件本身的標(biāo)簽添加樣式class的方法
本篇文章主要介紹了Angular 5 給組件本身的標(biāo)簽添加樣式class的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-04-04
仿Angular Bootstrap TimePicker創(chuàng)建分鐘數(shù)-秒數(shù)的輸入控件
這篇文章主要為大家詳細(xì)介紹了仿Angular Bootstrap TimePicker創(chuàng)建分鐘數(shù)-秒數(shù)的輸入控件的相關(guān)資料，感興趣的小伙伴們可以參考一下2016-07-07
這篇文章主要介紹了使用Angular CLI從藍(lán)本生成代碼詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
Angularjs實(shí)現(xiàn)多個(gè)頁(yè)面共享數(shù)據(jù)的方式
本文給大家介紹使用Angularjs實(shí)現(xiàn)多個(gè)頁(yè)面共享數(shù)據(jù)的方式，通過(guò)定義一個(gè)共享服務(wù)service來(lái)實(shí)現(xiàn)此功能，對(duì)angularjs共享數(shù)據(jù)相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)2016-03-03
單頁(yè)應(yīng)用中，組件時(shí)構(gòu)建應(yīng)用的基礎(chǔ)元素，頁(yè)面展示什么內(nèi)容均是靠頁(yè)面有什么組件決定的，而展示什么組件又是由一組路由（帶有Url元素的特定集合，可用于導(dǎo)航視圖）決定的，希望本文可以幫助讀者了解路由的基礎(chǔ)概念和基礎(chǔ)使用、寫(xiě)法。2021-05-05
本篇文章主要介紹了angularJS 指令封裝回到頂部示例詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01
詳解angularJs中自定義directive的數(shù)據(jù)交互
這篇文章主要介紹了詳解angularJs中自定義directive的數(shù)據(jù)交互，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01
AngularJS是google在維護(hù)，其在國(guó)外已經(jīng)十分火熱，可是國(guó)內(nèi)的使用情況卻有不小的差距，參考文獻(xiàn)/網(wǎng)絡(luò)文章也很匱乏。下面這篇文章主要給大家介紹了關(guān)于Angular.js中數(shù)組操作的相關(guān)資料，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-07-07
使用AngularJS 跨站請(qǐng)求如何解決jsonp請(qǐng)求問(wèn)題
這篇文章主要介紹了使用AngularJS 跨站請(qǐng)求如何解決jsonp請(qǐng)求問(wèn)題，下面通過(guò)本文給大家分享解決辦法，需要的朋友參考下2017-01-01
BootStrap+Angularjs+NgDialog實(shí)現(xiàn)模式對(duì)話框
在完成一個(gè)后臺(tái)管理系統(tǒng)時(shí)，需要用表格顯示注冊(cè)用戶的信息。但是用戶地址太長(zhǎng)了，不好顯示。所以想做一個(gè)模式對(duì)話框，點(diǎn)擊詳細(xì)地址按鈕時(shí)，彈出對(duì)話框，顯示地址。下面小編給大家分享下實(shí)現(xiàn)方法，一起看下吧2016-08-08