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

总结一些js自定义的函数

Aug 05 Javascript

Google韩国首页图标动画效果

Aug 26 Javascript

JavaScript Undefined，Null类型和NaN值区别

Oct 22 Javascript

JavaScript学习小结(一)——JavaScript入门基础

Sep 02 Javascript

jQuery打字效果实现方法(附demo源码下载)

Dec 18 Javascript

JavaScript中instanceof运算符的使用示例

Jun 08 Javascript

js 获取经纬度的实现方法

Jun 20 Javascript

JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析

Jul 31 Javascript

javascript实现点击星星小游戏

Dec 24 Javascript

Vue插件之滑动验证码用法详解

Apr 05 Javascript

JavaScript实现网页动态生成表格

Nov 25 Javascript

vue3.0+vue-router+element-plus初实践

Dec 02 Vue.js

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 MYSQL乱码问题,使用SET NAMES utf8校正

2009/11/30 PHP

PHP学习笔记之三数据库基本操作

2011/01/17 PHP

PHP 面向对象程序设计（oop）学习笔记(一) - 抽象类、对象接口、instanceof 和契约式编程

2014/06/12 PHP

Laravel 5框架学习之环境与配置

2015/04/08 PHP

PHP 9 大缓存技术总结

2015/09/17 PHP

jquery 全局AJAX事件使用代码

2010/11/05 Javascript

Js event事件在IE、FF兼容性问题

2011/01/01 Javascript

JS延时器提示框的应用实例代码解析

2016/04/27 Javascript

BootStrap便签页的简单应用

2017/01/06 Javascript

Vue自定义图片懒加载指令v-lazyload详解

2020/12/31 Javascript

ReactNative页面跳转Navigator实现的示例代码

2017/08/02 Javascript

vue 根据选择条件显示指定参数的例子

2019/11/09 Javascript

JavaScript或jQuery 获取option value值方法解析

2020/05/12 jQuery

JS实现简单移动端鼠标拖拽

2020/07/23 Javascript

[01:04:01]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第一场

2014/05/24 DOTA

python实现代理服务功能实例

2013/11/15 Python

使用C语言来扩展Python程序和Zope服务器的教程

2015/04/14 Python

老生常谈python之鸭子类和多态

2017/06/13 Python

浅谈numpy数组的几种排序方式

2017/12/15 Python

Django中提示消息messages的设置方式

2019/11/15 Python

python科学计算之scipy——optimize用法

2019/11/25 Python

python实现在多维数组中挑选符合条件的全部元素

2019/11/26 Python

python关闭占用端口方式

2019/12/17 Python

Python数据可视化处理库PyEcharts柱状图,饼图,线性图,词云图常用实例详解

2020/02/10 Python

python利用Excel读取和存储测试数据完成接口自动化教程

2020/04/30 Python

浅谈Selenium 控制浏览器的常用方法

2020/12/04 Python

canvas实现俄罗斯方块的方法示例

2018/12/13 HTML / CSS

HTML5 常见面试题之PC端和移动端区别介绍

2018/01/22 HTML / CSS

Eastbay官网：美国最大的运动鞋网络零售商

2016/07/27 全球购物

欧洲最大的球衣网上商店：Kitbag

2017/11/11 全球购物

父亲追悼会答谢词

2014/01/17 职场文书

文明单位申报材料

2014/12/23 职场文书

2015年小学开学寄语

2015/02/27 职场文书

2015年个人招商工作总结

2015/04/25 职场文书

Django项目如何正确配置日志(logging)

2021/04/29 Python

通过feDisplacementMap和feImage实现水波特效

2022/04/24 HTML / CSS