编程 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中this的使用详解

Nov 08 Javascript

用jquery写的一个万年历(自写)

Jan 20 Javascript

不想让浏览器运行javascript脚本的方法

Nov 20 Javascript

JavaScript实现广告弹窗效果

Aug 09 Javascript

Angularjs 实现一个幻灯片示例代码

Sep 08 Javascript

Bootstrap分页插件之Bootstrap Paginator实例详解

Oct 15 Javascript

jQuery.cookie.js实现记录最近浏览过的商品功能示例

Jan 23 Javascript

Bootstrap table 定制提示语的加载过程

Feb 20 Javascript

基于Vue2实现的仿手机QQ单页面应用功能(接入聊天机器人 )

Mar 30 Javascript

浅谈webpack4 图片处理汇总

Sep 12 Javascript

js实现简单模态框实例

Nov 16 Javascript

Vue中CSS动画原理的实现

Feb 13 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/06/19 PHP

php通过Chianz.com获取IP地址与地区的方法

2015/01/14 PHP

Yii安装与使用Excel扩展的方法

2016/07/13 PHP

ThinkPHP5.1+Ajax实现的无刷新分页功能示例

2020/02/10 PHP

Tab页界面，用jQuery及Ajax技术实现

2009/09/21 Javascript

让你的网站可编辑的实现js代码

2009/10/19 Javascript

JavaScript 精粹读书笔记(1,2)

2010/02/07 Javascript

js操作CheckBoxList实现全选/反选(在客服端完成)

2013/02/02 Javascript

Jquery 表单验证类介绍与实例

2013/06/09 Javascript

jQuery制作仿腾讯web qq用户体验桌面

2013/08/20 Javascript

适用于手机端的jQuery图片滑块动画

2016/12/09 Javascript

Node.js使用Express创建Web项目详细教程

2017/03/31 Javascript

详解基于webpack和vue.js搭建开发环境

2017/04/05 Javascript

web前端页面生成exe可执行文件的方法

2018/02/08 Javascript

vue加载完成后的回调函数方法

2018/09/07 Javascript

Vue中图片Src使用变量的方法

2019/10/30 Javascript

微信小程序wxs实现吸顶效果

2020/01/08 Javascript

Python二维码生成库qrcode安装和使用示例

2014/12/16 Python

Cpy和Python的效率对比

2015/03/20 Python

Python实现的插入排序算法原理与用法实例分析

2017/11/22 Python

儿童编程python入门

2018/05/08 Python

在windows下Python打印彩色字体的方法

2018/05/15 Python

Python列表与元组的异同详解

2019/07/02 Python

python 判断字符串中是否含有汉字或非汉字的实例

2019/07/15 Python

python3的url编码和解码,自定义gbk、utf-8的例子

2019/08/22 Python

python实现通过队列完成进程间的多任务功能示例

2019/10/28 Python

PyTorch实现重写/改写Dataset并载入Dataloader

2020/07/14 Python

Python利用命名空间解析XML文档

2020/08/10 Python

python使用列表的最佳方案

2020/08/12 Python

日本AOKI官方商城：AOKI西装

2020/06/11 全球购物

文案策划求职信

2014/03/18 职场文书

车辆工程专业求职信

2014/04/28 职场文书

现实表现证明材料

2015/06/19 职场文书

考研经验交流会策划书

2015/11/02 职场文书

2019假期福利管理制度！

2019/07/15 职场文书

python 自动刷新网页的两种方法

2021/04/20 Python