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


Posted in Javascript onJune 15, 2017

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

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

service层中发出广播:

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

controller层中接听广播:

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

rootScope是所有scope的父级

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

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

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

Javascript 相关文章推荐
JQuery拖拽元素改变大小尺寸实现代码
Dec 10 Javascript
JS 有趣的eval优化输入验证实例代码
Sep 22 Javascript
jQuery实现为控件添加水印文字效果(附源码)
Dec 02 Javascript
javascript基础语法学习笔记
Jan 04 Javascript
JS使用正则截取两个字符串之间的字符串实现方法详解
Jan 06 Javascript
js遍历获取表格内数据的方法(必看)
Apr 06 Javascript
ztree实现左边动态生成树右边为内容详情功能
Nov 03 Javascript
jQuery实现form表单序列化转换为json对象功能示例
May 23 jQuery
微信小程序 MinUI组件库系列之badge徽章组件示例
Aug 20 Javascript
React学习之JSX与react事件实例分析
Jan 06 Javascript
js实现飞机大战小游戏
Aug 26 Javascript
OpenLayers3实现鼠标移动显示坐标
Sep 25 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中定时计划任务的实现原理
2013/01/08 PHP
PHP中CURL方法curl_setopt()函数的参数分享
2013/01/19 PHP
zf框架的数据库追踪器使用示例
2014/03/13 PHP
PHP常用编译参数中文说明
2014/09/27 PHP
PHP如何通过传引用的思想实现无限分类(代码简单)
2015/10/13 PHP
php简单备份与还原MySql的方法
2016/05/09 PHP
PHP书写格式详解(必看)
2016/05/23 PHP
php代码调试利器firephp安装与使用方法分析
2018/08/21 PHP
baidu博客的编辑友情链接的新的层窗口!经典~支持【FF】
2007/02/09 Javascript
AeroWindow 基于JQuery的弹出窗口插件
2011/06/27 Javascript
js 验证密码强弱的小例子
2013/03/21 Javascript
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
2013/06/14 Javascript
javascript实现起伏的水波背景效果
2016/05/16 Javascript
JS原型对象的创建方法详解
2016/06/16 Javascript
jQuery使用$获取对象后检查该对象是否存在的实现方法
2016/09/04 Javascript
vuejs父子组件之间数据交互详解
2017/08/09 Javascript
webpack多页面开发实践
2017/12/18 Javascript
Vue兼容ie9的问题全面解决方案
2018/06/19 Javascript
小程序自定义组件实现城市选择功能
2018/07/18 Javascript
详解@Vue/Cli 3 Invalid Host header 错误解决办法
2019/01/02 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
2019/07/12 Javascript
python实现图片批量剪切示例
2014/03/25 Python
详解在Python程序中使用Cookie的教程
2015/04/30 Python
python 垃圾收集机制的实例详解
2017/08/20 Python
django 发送手机验证码的示例代码
2018/04/25 Python
numpy中的delete删除数组整行和整列的实例
2018/05/09 Python
Python设计模式之抽象工厂模式原理与用法详解
2019/01/15 Python
Pytorch maxpool的ceil_mode用法
2020/02/18 Python
python3 配置logging日志类的操作
2020/04/08 Python
Python中Selenium模块的使用详解
2020/10/09 Python
阿根廷旅游网站:almundo阿根廷
2018/02/12 全球购物
马来西亚奢侈品牌购物商城:Valiram 247
2020/09/29 全球购物
股指期货心得体会
2014/09/10 职场文书
2014党的群众路线教育实践活动学习心得体会
2014/10/31 职场文书
2016自主招生教师推荐信范文
2015/03/23 职场文书
《角的初步认识》教学反思
2016/02/17 职场文书