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