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)文章
這篇文章的主要內(nèi)容是使用angularjs實現(xiàn)一個計算器，是一個仿iOS8風(fēng)格的計算器，功能基本和iOS自帶的計算器是一致的。有需要的朋友們可以參考借鑒。2016-09-09
本文主要對Angular的模塊化進行案例分析介紹，具有一定的參考價值，下面跟著小編一起來看下吧2016-12-12
從?Angular?Route?中提前獲取數(shù)據(jù)的方法詳解
這篇文章主要介紹了從?Angular?Route?中提前獲取數(shù)據(jù),通過本文，你將學(xué)會使用?resolver，?在?Angular?App?中應(yīng)用?resolver，應(yīng)用到一個公共的預(yù)加載導(dǎo)航，本文給大家介紹的非常詳細，需要的朋友可以參考下2022-07-07
這篇文章主要介紹了AngularJS實現(xiàn)使用路由切換視圖的方法,結(jié)合學(xué)生信息管理系統(tǒng)為例分析了使用controllers.js控制器來切換視圖的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-01-01
詳解AngularJs中$resource和restfu服務(wù)端數(shù)據(jù)交互
之前小編和大家分享過使用$http同服務(wù)器進行通信，但是功能上比較簡單，angularjs還提供了另外一個可選的服務(wù)$resource,使用它可以非常方便的同支持restful的服務(wù)單進行數(shù)據(jù)交互。下面來一起看看吧。2016-09-09
AngularJS基礎(chǔ) ng-model 指令詳解及示例代碼
本文主要介紹AngularJS ng-model 指令,這里幫大家整理了ng-model的基本資料,并附有示例代碼,有需要的小伙伴可以參考下2016-08-08
本章介紹的是如何對模板驅(qū)動表單創(chuàng)建自定義校驗器，它相比較響應(yīng)式表單自定義校驗器略為復(fù)雜一些。接下來通過本文給大家分享Angular在模板驅(qū)動表單中自定義校驗器的方法，感興趣的朋友一起看看吧2017-08-08
angular中的http攔截器Interceptors的實現(xiàn)
本篇文章主要介紹了angular中的http攔截器Interceptors的實現(xiàn)的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-02-02
這篇文章主要介紹了AngularJS實現(xiàn)Input格式化的方法,結(jié)合實例形式分析了AngularJS實現(xiàn)Input格式化的操作步驟與相關(guān)注意事項,需要的朋友可以參考下2016-11-11
本文給大家介紹AngularJS控制器繼承自另一控制器的相關(guān)內(nèi)容，小編認為介紹的非常不錯，具有參考借鑒價值，感興趣的朋友參考下吧2016-05-05