编程 Javascript

AngularJs实现聊天列表实时刷新功能

Posted in Javascript onJune 15, 2017

昨天在做app的聊天列表时，遇到了一个问题，消息监听器监听到了一个新的消息，但是如果这时已经处于消息列表的页面那么消息列表并不会及时更新。

我的想法是在service层中的监听器方法里，当监听到了一个新的消息，那么就在根作用域中发出一个广播，告诉controller层需要去获取最新的消息列表了。

service层中发出广播:

controller层中接听广播:

AngularJs实现聊天列表实时刷新功能

rootScope是所有scope的父级

它的广播(broadcast)和监听(on) 可以在无交集的controller间使用

scope 的 broadcast 和 on 是用于作用域有交集(父子关系)controller间事件传递有别于rootScope

以上所述是小编给大家介绍的AngularJs实现聊天列表实时刷新功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持！

AngularJs实现聊天列表实时刷新功能

- Author -

nnnnnox

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery下json数组的操作实现代码

Aug 09 Javascript

最好用的省市二级联动原生js实现你值得拥有

Sep 22 Javascript

利用jQuery实现可输入搜索文字的下拉框

Oct 23 Javascript

js使用心得分享

Jan 13 Javascript

javascript制作sql转换为stringBuffer的小工具

Apr 03 Javascript

ajax+jQuery实现级联显示地址的方法

May 06 Javascript

jquery采用oop模式class类的使用示例

Jan 22 Javascript

JS中对数组元素进行增删改移的方法总结

Dec 15 Javascript

vue添加axios,并且指定baseurl的方法

Sep 19 Javascript

vue-router 手势滑动触发返回功能

Sep 30 Javascript

js中的数组对象排序分析

Dec 11 Javascript

jQuery实现移动端图片上传预览组件的方法分析

May 01 jQuery

bootstrap daterangepicker双日历时间段选择控件详解

Jun 15 #Javascript

详解react-router如何实现按需加载

Jun 15 #Javascript

jQuery实现 RadioButton做必选校验功能

Jun 15 #jQuery

bootstrap daterangepicker汉化以及扩展功能

Jun 15 #Javascript

validationEngine 表单验证插件使用实例代码

Jun 15 #Javascript

JS 设置Cookie 有效期检测cookie

Jun 15 #Javascript

详解react如何在组件中获取路由参数

Jun 15 #Javascript

You might like

PHP脚本的10个技巧(5)

2006/10/09 PHP

php中关于普通表单多文件上传的处理方法

2011/03/25 PHP

php之Memcache学习笔记

2013/06/17 PHP

php获取textarea的值并处理回车换行的方法

2014/10/20 PHP

ThinkPHP中获取指定日期后工作日的具体日期方法

2018/10/14 PHP

网页里控制图片大小的相关代码

2006/06/13 Javascript

图片之间的切换

2006/06/26 Javascript

javascript编程起步（第七课）

2007/01/10 Javascript

js监听鼠标点击和键盘点击事件并自动跳转页面

2014/09/24 Javascript

JS简单限制textarea内输入字符数量的方法

2015/10/14 Javascript

jQuery div拖拽用法实例

2016/01/14 Javascript

基于jQuery实现的查看全文功能【实用】

2016/12/11 Javascript

vue-cli axios请求方式及跨域处理问题

2018/03/28 Javascript

js捆绑TypeScript声明文件的方法教程

2018/04/13 Javascript

angular5 子组件监听父组件传入值的变化方法

2018/09/30 Javascript

jquery将信息遍历到界面上实例代码

2020/01/21 jQuery

Vue 解决在element中使用$notify在提示信息中换行问题

2020/11/11 Javascript

[42:32]完美世界DOTA2联赛循环赛 Magma vs PXG BO2第二场 10.28

2020/10/28 DOTA

python数据类型_元组、字典常用操作方法(介绍)

2017/05/30 Python

Django 创建/删除用户的示例代码

2019/07/24 Python

pycharm 设置项目的根目录教程

2020/02/12 Python

Tech21美国/加拿大：英国NO.1防摔保护壳品牌

2018/01/20 全球购物

Calzedonia美国官网：意大利风格袜子、打底裤和沙滩装

2018/07/19 全球购物

英国知名小木屋定制网站：Tiger Sheds

2020/03/06 全球购物

自我鉴定范文300字

2013/10/01 职场文书

大学生职业生涯设计书

2014/01/02 职场文书

加多宝凉茶广告词

2014/03/18 职场文书

简单租房协议书

2014/04/09 职场文书

广播体操口号

2014/06/18 职场文书

85句关于理想的名言警句大全

2019/08/22 职场文书

七年级作文之环保作文

2019/10/17 职场文书

HTML中table表格拆分合并(colspan、rowspan)

2021/04/07 HTML / CSS

python字符串的多行输出的实例详解

2021/06/08 Python

教你使用一行Python代码玩遍童年的小游戏

2021/08/23 Python

前端监听websocket消息并实时弹出(实例代码)

2021/11/27 Javascript

vue2的 router在使用过程中遇到的一些问题

2022/04/13 Vue.js