编程 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搜索框效果实现方法

May 14 Javascript

jquery采用oop模式class类的使用示例

Jan 22 Javascript

Bootstrap栅格系统使用方法及页面调整变形的解决方法

Mar 10 Javascript

微信小程序五星评分效果实现代码

Apr 06 Javascript

vue项目中使用Svg的方法

Oct 24 Javascript

基于Three.js实现360度全景图片

Dec 30 Javascript

JavaScript中十种一步拷贝数组的方法实例详解

Apr 22 Javascript

js纯前端实现腾讯cos文件上传功能的示例代码

May 14 Javascript

深入学习js函数的隐式参数 arguments 和 this

Jun 24 Javascript

对layui中table组件工具栏的使用详解

Sep 19 Javascript

详谈Object.defineProperty 及实现数据双向绑定

Jul 18 Javascript

vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码

Sep 16 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注释实例技巧

2008/10/03 PHP

PHP 加密/解密函数 dencrypt(动态密文，带压缩功能，支持中文)

2009/01/30 PHP

浅析Yii2 GridView 日期格式化并实现日期可搜索教程

2016/04/22 PHP

php 读写json文件及修改json的方法

2018/03/07 PHP

jQuery 1.4 15个你应该知道的新特性(译)

2010/01/24 Javascript

Jquery下判断Id是否存在的代码

2011/01/06 Javascript

Jquery实现弹出层分享微博插件具备动画效果

2013/04/03 Javascript

jquery实现输入框动态增减的实例代码

2013/07/14 Javascript

jquery(hide方法)隐藏指定元素实例

2013/11/11 Javascript

AngularJS基础知识

2014/12/21 Javascript

日常收集整理的JavaScript常用函数方法

2015/12/10 Javascript

实例讲解jQuery EasyUI tree中state属性慎用

2016/04/01 Javascript

JQuery EasyUI学习教程之datagrid 添加、修改、删除操作

2016/07/09 Javascript

jquery attr()设置和获取属性值实例教程

2016/09/25 Javascript

vue 设置proxyTable参数进行代理跨域

2018/04/09 Javascript

vue组件的写法汇总

2018/04/12 Javascript

JavaScript this关键字的深入详解

2021/01/14 Javascript

[01:33:25]DOTA2-DPC中国联赛正赛 Elephant vs IG BO3 第一场 1月24日

2021/03/11 DOTA

python批量导出导入MySQL用户的方法

2013/11/15 Python

在Python中使用sort()方法进行排序的简单教程

2015/05/21 Python

举例讲解Python中metaclass元类的创建与使用

2016/06/30 Python

django缓存配置的几种方法详解

2018/07/16 Python

手机使用python操作图片文件(pydroid3)过程详解

2019/09/25 Python

Python requests模块session代码实例

2020/04/14 Python

python 装饰器的使用示例

2020/10/10 Python

Python 虚拟环境工作原理解析

2020/12/24 Python

生物有机护肤品：Aurelia Probiotic Skincare

2018/01/31 全球购物

汉森批发：Hansen Wholesale

2018/05/24 全球购物

最新的小工具和卓越的产品设计：Oh That Tech!

2019/08/07 全球购物

乌克兰排名第一的在线旅游超市：Farvater.Travel

2020/01/02 全球购物

超市创意活动方案

2014/08/15 职场文书

财政专业大学生职业生涯规划书

2014/09/17 职场文书

导游词格式

2015/02/13 职场文书

2016年大学光棍节活动总结

2016/04/05 职场文书

python实现批量移动文件

2021/04/05 Python

MySQL分区以及建索引的方法总结

2022/04/13 MySQL