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

Add Formatted Text to a Word Document

Jun 15 Javascript

juqery 学习之三选择器子元素与表单

Nov 25 Javascript

仅IE9/10同时支持script元素的onload和onreadystatechange事件分析

Apr 27 Javascript

jQuery常用数据处理方法小结

Feb 20 Javascript

Javascript数组Array基础介绍

Mar 13 Javascript

Cookies 和 Session的详解及区别

Apr 21 Javascript

基于node.js制作简单爬虫教程

Jun 29 Javascript

js 客户端打印html 并且去掉页眉、页脚的实例

Nov 03 Javascript

AngularJS实现的2048小游戏功能【附源码下载】

Jan 03 Javascript

微信小程序全局变量GLOBALDATA的定义和调用过程解析

Sep 23 Javascript

基于Nuxt.js项目的服务端性能优化与错误检测(容错处理)

Oct 23 Javascript

微信小程序多列表渲染数据开关互不影响的实现

Jun 05 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

一个可查询所有表的“通用”查询分页类

2006/10/09 PHP

深入解析php中的foreach问题

2013/06/30 PHP

PHP中如何使用session实现保存用户登录信息

2015/10/20 PHP

PHP实现的XML操作类【XML Library】

2016/12/29 PHP

PHP实现笛卡尔积算法的实例讲解

2019/12/22 PHP

js TextArea的选中区域处理

2010/12/28 Javascript

推荐11款jQuery开发的复选框和单选框美化插件

2011/08/02 Javascript

jquery实现的可隐藏重现的靠边悬浮层实例代码

2013/05/27 Javascript

js获取客户端外网ip的简单实例

2013/11/21 Javascript

JavaScript中的闭包介绍

2015/03/15 Javascript

jQuery与JS加载事件用法分析

2016/09/04 Javascript

jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】

2017/03/23 jQuery

BetterScroll 在移动端滚动场景的应用

2017/09/18 Javascript

vue学习笔记之v-if和v-show的区别

2017/09/20 Javascript

Express之托管静态文件的方法

2018/06/01 Javascript

vue2 设置router-view默认路径的实例

2018/09/20 Javascript

微信小程序定义和调用全局变量globalData的实现

2019/11/01 Javascript

原生js实现滑块区间组件

2021/01/20 Javascript

Python语言实现机器学习的K-近邻算法

2015/06/11 Python

python树莓派红外反射传感器

2019/01/21 Python

详解用pyecharts Geo实现动态数据热力图城市找不到问题解决

2019/06/26 Python

深入了解Python 方法之类方法 & 静态方法

2020/08/17 Python

瑞士国际航空官网：SWISS

2016/07/21 全球购物

康帕斯酒店预订：Compass Hospitality（支持中文）

2018/08/23 全球购物

俄罗斯最大的在线珠宝大卖场：Nebo

2019/12/08 全球购物

社会实践自我鉴定

2013/11/07 职场文书

面试后感谢信

2014/02/01 职场文书

策划总监岗位职责

2014/02/16 职场文书

《诺贝尔》教学反思

2014/02/17 职场文书

土木工程师职业规划范文

2014/03/07 职场文书

机关单位人员学雷锋心得体会

2014/03/10 职场文书

2015年青年志愿者工作总结

2015/05/20 职场文书

借钱欠条怎么写

2015/07/03 职场文书

捐书仪式主持词

2015/07/04 职场文书

如何理解python接口自动化之logging日志模块

2021/06/15 Python

html form表单基础入门案例讲解

2021/07/21 HTML / CSS