编程 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脚本实现Web页面信息交互

Oct 11 Javascript

经常用的图片在容器中的水平垂直居中实例

Jun 10 Javascript

flash 得到自身url参数的代码

Nov 15 Javascript

通过onmouseover选项卡实现img图片的变化

Feb 12 Javascript

js实现非常简单的焦点图切换特效实例

May 07 Javascript

javascript 分号总结及详细介绍

Sep 24 Javascript

JavaScript获取tr td 的三种方式全面总结（推荐）

Aug 15 Javascript

Vue中的组件及路由使用实例代码详解

May 22 Javascript

通过Kettle自定义jar包供javascript使用

Jan 29 Javascript

JQuery插件tablesorter表格排序实现过程解析

May 28 jQuery

IDEA配置jQuery, $符号不再显示黄色波浪线的问题

Oct 09 jQuery

详解ES6 扩展运算符的使用与注意事项

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

动态生成gif格式的图像要注意？

2006/10/09 PHP

php验证码生成代码

2015/11/11 PHP

PHP基于phpqrcode类生成二维码的方法详解

2018/03/14 PHP

PHP封装的mysqli数据库操作类示例

2019/02/16 PHP

提示$ is not defined错误分析及解决

2013/04/09 Javascript

父页面显示遮罩层弹出半透明状态的dialog

2014/03/04 Javascript

5款JavaScript代码压缩工具推荐

2014/07/07 Javascript

jquery滚动加载数据的方法

2015/03/09 Javascript

JS获取CSS样式（style/getComputedStyle/currentStyle）

2016/01/19 Javascript

使用RequireJS库加载JavaScript模块的实例教程

2016/06/06 Javascript

Angular 4 依赖注入学习教程之FactoryProvider的使用（四）

2017/06/04 Javascript

前端主流框架vue学习笔记第二篇

2017/07/26 Javascript

BootStrap入门学习第一篇

2017/08/28 Javascript

react-native DatePicker日期选择组件的实现代码

2017/09/12 Javascript

js实现1,2,3,5数字按照概率生成

2017/09/12 Javascript

nuxt.js 缓存实践

2018/06/25 Javascript

简单了解微信小程序 e.target与e.currentTarget的不同

2019/09/27 Javascript

python里大整数相乘相关技巧指南

2014/09/12 Python

Python处理JSON数据并生成条形图

2016/08/05 Python

Python多线程实现同步的四种方式

2017/05/02 Python

python 统计数组中元素出现次数并进行排序的实例

2018/07/02 Python

使用python进行拆分大文件的方法

2018/12/10 Python

Django项目主urls导入应用中views的红线问题解决

2019/08/10 Python

Python 实现一个简单的web服务器

2021/01/03 Python

CSS实现雨滴动画效果的实例代码

2019/10/08 HTML / CSS

澳大利亚首屈一指的在线购物目的地：Kogan.com

2017/02/02 全球购物

印度领先的眼镜电子商务网站：Lenskart

2019/12/16 全球购物

军神教学反思

2014/02/04 职场文书

经典英文广告词

2014/03/18 职场文书

借款协议书

2014/04/12 职场文书

新闻传媒系求职信范文

2014/04/19 职场文书

如何撰写一封出色的求职信

2014/04/27 职场文书

学校搬迁方案

2014/06/15 职场文书

宣传稿格式范文

2015/07/23 职场文书

母婴行业实体、电商模式全面解析

2019/08/01 职场文书

Golang 编译成DLL文件的操作

2021/05/06 Golang