编程 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调用Session的实现代码

Oct 29 Javascript

基于jquery的固定表头和列头的代码

May 03 Javascript

javascript中关于&& 和 || 表达式的小技巧分享

Apr 10 Javascript

JS上传图片预览插件制作（兼容到IE6）

Aug 07 Javascript

Bootstrap 填充Json数据的实例代码

Jan 11 Javascript

Vue父子组件双向绑定传值的实现方法

Jul 31 Javascript

node中的cookie的具体使用

Sep 13 Javascript

JavaScript对象的特性与实践应用深入详解

Dec 30 Javascript

浅谈javascript中的prototype和__proto__的理解

Apr 07 Javascript

JS+html5实现异步上传图片显示上传文件进度条功能示例

Nov 09 Javascript

微信小程序实现上传照片代码实例解析

Aug 04 Javascript

微信小程序实现点击导航条切换页面

Nov 19 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

Discuz! Passport 通行证整合

2008/03/27 PHP

php-cli简介(不会Shell语言一样用Shell)

2013/06/03 PHP

PHP中使用addslashes函数转义的安全性原理分析

2014/11/03 PHP

PHP实现货币换算的方法

2014/11/29 PHP

php实现自定义中奖项数和概率的抽奖函数示例

2017/05/26 PHP

Array对象方法参考

2006/10/03 Javascript

splice slice区别

2006/10/09 Javascript

ExtJS的FieldSet的column列布局

2009/11/20 Javascript

javascript 触发HTML元素绑定的函数

2010/09/11 Javascript

jquery事件机制扩展插件 jquery鼠标右键事件。

2011/12/26 Javascript

防止登录页面出现在frame中js代码

2014/07/22 Javascript

浅谈JavaScript 框架分类

2014/11/10 Javascript

jquery增加和删除元素的方法

2015/01/14 Javascript

javascript中Date format(js日期格式化)方法小结

2015/12/17 Javascript

jQuery实现控制文字内容溢出用省略号(…)表示的方法

2016/02/26 Javascript

详谈js中window.location.search的用法和作用

2017/02/13 Javascript

jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】

2017/03/22 jQuery

微信小程序 sha1 实现密码加密实例详解

2017/07/06 Javascript

Angular项目从新建、打包到nginx部署全过程记录

2017/12/09 Javascript

react-router v4如何使用history控制路由跳转详解

2018/01/09 Javascript

javascript（基于jQuery）实现鼠标获取选中的文字示例【测试可用】

2019/10/26 jQuery

js里面的变量范围分享

2020/07/18 Javascript

vue+axios全局添加请求头和参数操作

2020/07/24 Javascript

python爬虫headers设置后无效的解决方法

2017/10/21 Python

Tensorflow的可视化工具Tensorboard的初步使用详解

2018/02/11 Python

Win系统PyQt5安装和使用教程

2019/12/25 Python

Python列表切片常用操作实例解析

2020/03/10 Python

python解压zip包中文乱码解决方法

2020/11/27 Python

css3一款3D字体带阴影效果的实现步骤

2013/03/20 HTML / CSS

印度电子产品购物网站：Vijay Sales

2021/02/16 全球购物

求职毕业生自荐书

2014/02/08 职场文书

公司财务流程之主管工作流程

2014/03/03 职场文书

经典促销广告词大全

2014/03/19 职场文书

出纳试用期自我鉴定

2014/04/07 职场文书

原料仓管员岗位职责

2015/04/01 职场文书

MySQL数据库中的锁、解锁以及删除事务

2022/05/06 MySQL