编程 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 相关文章推荐

用JavaScript脚本实现Web页面信息交互

Oct 11 Javascript

Firefox+FireBug使JQuery的学习更加轻松愉快

Jan 01 Javascript

javascript 学习笔记（八）javascript对象

Apr 12 Javascript

JS实现鼠标箭头变成一个燃烧烛光效果的方法

Feb 28 Javascript

js事件监听器用法实例详解

Jun 01 Javascript

JavaScript随机打乱数组顺序之随机洗牌算法

Aug 02 Javascript

详解Javascript ES6中的箭头函数(Arrow Functions)

Aug 24 Javascript

微信小程序使用checkbox显示多项选择框功能【附源码下载】

Dec 11 Javascript

vue+echarts实现动态绘制图表及异步加载数据的方法

Oct 17 Javascript

npm 常用命令详解(小结)

Jan 17 Javascript

小程序hover-class点击态效果实现

Feb 26 Javascript

详解js中的原型，原型对象，原型链

Jul 16 Javascript

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中的正则表达式函数介绍

2012/02/27 PHP

php实现ip白名单黑名单功能

2015/03/12 PHP

PHP中把对象数组转换成普通数组的方法

2015/07/10 PHP

php简单获取复选框值的方法

2016/05/11 PHP

PHP单例模式与工厂模式详解

2017/08/29 PHP

基于Laravel实现的用户动态模块开发

2017/09/21 PHP

PHP的curl函数的用法总结

2019/02/14 PHP

Laravel使用原生sql语句并调用的方法

2019/10/09 PHP

javascript 面向对象,实现namespace,class,继承，重载

2009/10/29 Javascript

jQuery对象的selector属性用法实例

2014/12/27 Javascript

jquery ajax局部加载方法详解(实现代码)

2016/05/12 Javascript

JS遍历ul下的li点击弹出li的索引的实现方法

2016/09/19 Javascript

JS前端笔试题分析

2016/12/19 Javascript

Angular2库初探

2017/03/01 Javascript

Bootstrap Table使用整理(五)之分页组合查询

2017/06/09 Javascript

JS判断数组那点事

2017/10/10 Javascript

微信小程序自定义tab实现多层tab嵌套功能

2018/06/15 Javascript

vue 解决addRoutes动态添加路由后刷新失效问题

2018/07/02 Javascript

详解一个基于套接字实现长连接的express

2019/03/28 Javascript

layui的表单提交以及验证和修改弹框的实例

2019/09/09 Javascript

vue-property-decorator用法详解

2019/12/12 Javascript

javascript实现评分功能

2020/06/24 Javascript

[04:13]2014DOTA2国际邀请赛专访DC目前形势不容乐观

2014/07/12 DOTA

Python实现生成简单的Makefile文件代码示例

2015/03/10 Python

python实现从文件中读取数据并绘制成 x y 轴图形的方法

2018/10/14 Python

python对一个数向上取整的实例方法

2020/06/18 Python

英国的知名精品百货公司：House of Fraser（福来德）

2016/08/14 全球购物

Vans英国官方网站：美国南加州的原创极限运动潮牌

2017/01/20 全球购物

英国排名第一的停车场运营商：NCP

2019/08/26 全球购物

行政文秘岗位职责范本

2014/02/10 职场文书

教师职称自我鉴定

2014/02/12 职场文书

大学迎新晚会主持词

2014/03/24 职场文书

远程教育培训心得体会

2016/01/09 职场文书

opencv检测动态物体的实现

2021/07/21 Python

Mysql存储过程、触发器、事件调度器使用入门指南

2022/01/22 MySQL

2022年显卡天梯图（6月更新）

2022/06/17 数码科技