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

js类的静态属性和实例属性的理解

Oct 01 Javascript

纯JAVASCRIPT图表动画插件Highcharts Examples

Apr 16 Javascript

javasciprt下jquery函数$.post执行无响应的解决方法

Mar 13 Javascript

jQuery给元素添加样式的方法详解

Dec 30 Javascript

详解WordPress开发中get_current_screen()函数的使用

Jan 11 Javascript

设置点击文本框或图片弹出日历控件的实现代码

May 12 Javascript

jQuery的ajax和遍历数组json实例代码

Aug 01 Javascript

jQuery实现鼠标跟随效果

Feb 20 Javascript

详解Angular2中Input和Output用法及示例

May 21 Javascript

微信小程序之自定义组件的实现代码（附源码）

Aug 02 Javascript

Vue+Koa2+mongoose写一个像素绘板的实现方法

Sep 10 Javascript

vue项目实现减少app.js和vender.js的体积操作

Nov 12 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 文件上传类代码

2011/08/06 PHP

PHP+Mysql日期时间如何转换(UNIX时间戳和格式化日期)

2012/07/15 PHP

如何解决phpmyadmin导入数据库文件最大限制2048KB

2015/10/09 PHP

php使用ZipArchive函数实现文件的压缩与解压缩

2015/10/27 PHP

学习ExtJS（一）之基础前提

2009/10/07 Javascript

js 中 document.createEvent的用法

2010/08/29 Javascript

Google Maps API地图应用示例分享

2014/10/23 Javascript

jQuery中nextUntil()方法用法实例

2015/01/07 Javascript

利用jquery给指定的table动态添加一行、删除一行的方法

2016/10/12 Javascript

docker中编译nodejs并使用nginx启动

2017/06/23 NodeJs

JavaScript字符串检索字符的方法

2017/06/23 Javascript

轻松玩转BootstrapTable（后端使用SpringMVC+Hibernate）

2017/09/06 Javascript

vue实现组件之间传值功能示例

2018/07/13 Javascript

vue仿element实现分页器效果

2018/09/13 Javascript

深入浅析Node.js 事件循环、定时器和process.nextTick()

2018/10/22 Javascript

详解JavaScript之Array.reduce源码解读

2020/11/01 Javascript

[02:09]DOTA2辉夜杯 EHOME夺冠举杯现场

2015/12/28 DOTA

python操作数据库之sqlite3打开数据库、删除、修改示例

2014/03/13 Python

在Python的一段程序中如何使用多次事件循环详解

2017/09/07 Python

Selenium 模拟浏览器动态加载页面的实现方法

2018/05/16 Python

Python处理命令行参数模块optpars用法实例分析

2018/05/31 Python

浅述python2与python3的简单区别

2018/09/19 Python

使用Python制作缩放自如的圣诞老人(圣诞树)

2019/12/25 Python

TensorFlow查看输入节点和输出节点名称方式

2020/01/04 Python

python使用正则表达式去除中文文本多余空格，保留英文之间空格方法详解

2020/02/11 Python

Html5之自定义属性(data-,dataset)

2019/11/19 HTML / CSS

戴尔新西兰官网：Dell New Zealand

2020/01/07 全球购物

如何删除一个表里面的重复行

2013/07/13 面试题

override和overload的区别

2016/03/09 面试题

linux面试题参考答案（1）

2016/01/22 面试题

娱乐节目策划方案

2014/06/10 职场文书

党的群众路线剖析材料

2014/10/09 职场文书

群众路线教育查摆剖析材料

2014/10/10 职场文书

党员干部反四风民主生活会对照检查材料思想汇报

2014/10/12 职场文书

优秀党支部申报材料

2014/12/24 职场文书

低版本Druid连接池+MySQL驱动8.0导致线程阻塞、性能受限

2021/07/01 MySQL