AngularJs實(shí)現(xiàn)聊天列表實(shí)時(shí)刷新功能
昨天在做app的聊天列表時(shí)，遇到了一個(gè)問題，消息監(jiān)聽器監(jiān)聽到了一個(gè)新的消息，但是如果這時(shí)已經(jīng)處于消息列表的頁面那么消息列表并不會(huì)及時(shí)更新。
我的想法是在service層中的監(jiān)聽器方法里，當(dāng)監(jiān)聽到了一個(gè)新的消息，那么就在根作用域中發(fā)出一個(gè)廣播，告訴controller層需要去獲取最新的消息列表了。
service層中發(fā)出廣播:
controller層中接聽廣播:
rootScope是所有scope的父級(jí)
它的廣播(broadcast)和監(jiān)聽(on) 可以在無交集的controller間使用
scope 的 broadcast 和 on 是用于作用域有交集(父子關(guān)系)controller間事件傳遞 有別于rootScope
以上所述是小編給大家介紹的AngularJs實(shí)現(xiàn)聊天列表實(shí)時(shí)刷新功能，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
基于AngularJS實(shí)現(xiàn)iOS8自帶的計(jì)算器
這篇文章的主要內(nèi)容是使用angularjs實(shí)現(xiàn)一個(gè)計(jì)算器，是一個(gè)仿iOS8風(fēng)格的計(jì)算器，功能基本和iOS自帶的計(jì)算器是一致的。有需要的朋友們可以參考借鑒。2016-09-09
本文主要對(duì)Angular的模塊化進(jìn)行案例分析介紹，具有一定的參考價(jià)值，下面跟著小編一起來看下吧2016-12-12
從?Angular?Route?中提前獲取數(shù)據(jù)的方法詳解
這篇文章主要介紹了從?Angular?Route?中提前獲取數(shù)據(jù),通過本文，你將學(xué)會(huì)使用?resolver，?在?Angular?App?中應(yīng)用?resolver，應(yīng)用到一個(gè)公共的預(yù)加載導(dǎo)航，本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-07-07
AngularJS實(shí)現(xiàn)使用路由切換視圖的方法
這篇文章主要介紹了AngularJS實(shí)現(xiàn)使用路由切換視圖的方法,結(jié)合學(xué)生信息管理系統(tǒng)為例分析了使用controllers.js控制器來切換視圖的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-01-01
詳解AngularJs中$resource和restfu服務(wù)端數(shù)據(jù)交互
之前小編和大家分享過使用$http同服務(wù)器進(jìn)行通信，但是功能上比較簡(jiǎn)單，angularjs還提供了另外一個(gè)可選的服務(wù)$resource,使用它可以非常方便的同支持restful的服務(wù)單進(jìn)行數(shù)據(jù)交互。下面來一起看看吧。2016-09-09
AngularJS基礎(chǔ) ng-model 指令詳解及示例代碼
本文主要介紹AngularJS ng-model 指令,這里幫大家整理了ng-model的基本資料,并附有示例代碼,有需要的小伙伴可以參考下2016-08-08
Angular在模板驅(qū)動(dòng)表單中自定義校驗(yàn)器的方法
本章介紹的是如何對(duì)模板驅(qū)動(dòng)表單創(chuàng)建自定義校驗(yàn)器，它相比較響應(yīng)式表單自定義校驗(yàn)器略為復(fù)雜一些。接下來通過本文給大家分享Angular在模板驅(qū)動(dòng)表單中自定義校驗(yàn)器的方法，感興趣的朋友一起看看吧2017-08-08
angular中的http攔截器Interceptors的實(shí)現(xiàn)
本篇文章主要介紹了angular中的http攔截器Interceptors的實(shí)現(xiàn)的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-02-02
AngularJS實(shí)現(xiàn)Input格式化的方法
這篇文章主要介紹了AngularJS實(shí)現(xiàn)Input格式化的方法,結(jié)合實(shí)例形式分析了AngularJS實(shí)現(xiàn)Input格式化的操作步驟與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-11-11
本文給大家介紹AngularJS控制器繼承自另一控制器的相關(guān)內(nèi)容，小編認(rèn)為介紹的非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友參考下吧2016-05-05