编程 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类库的顶层对象名用户体验分析

Oct 24 Javascript

javascript跨域的4种方法和原理详解

Apr 08 Javascript

java和javascript获取word文档的书签位置对比

Jun 19 Javascript

谷歌地图打不开的解决办法

Aug 07 Javascript

Javascript Memoizer浅析

Oct 16 Javascript

如何把vuejs打包出来的文件整合到springboot里

Jul 26 Javascript

基于Vue.js与WordPress Rest API构建单页应用详解

Sep 16 Javascript

js中apply和call的理解与使用方法

Nov 27 Javascript

jQuery HTML获取内容和属性操作实例分析

May 20 jQuery

openlayers 3实现车辆轨迹回放

Sep 24 Javascript

vue+springboot实现登录验证码

May 27 Vue.js

vue实现列表拖拽排序的示例代码

Apr 08 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获取远程图片并把它保存到本地的代码

2008/04/07 PHP

PHP获取网页标题的3种实现方法代码实例

2014/04/11 PHP

PHP图片库imagemagick安装方法

2014/09/23 PHP

Python中使用django form表单验证的方法

2017/01/16 PHP

微信企业转账之入口类分装php代码

2018/10/01 PHP

JavaScript null和undefined区别分析

2009/10/14 Javascript

jQuery中的常用事件总结

2009/12/27 Javascript

解决Extjs4中form表单提交后无法进入success函数问题

2013/11/26 Javascript

jquery制作select列表双向选择示例代码

2014/09/02 Javascript

javascript中数组的定义及使用实例

2015/01/21 Javascript

javascript中DOM复选框选择用法实例

2015/05/14 Javascript

javascript实现根据iphone屏幕方向调用不同样式表的方法

2015/07/13 Javascript

Javascript封装id、class与元素选择器方法示例

2017/03/13 Javascript

vue2 v-model/v-text 中使用过滤器的方法示例

2019/05/09 Javascript

JavaScript箭头函数中的this详解

2019/06/19 Javascript

如何实现一个简易版的vuex持久化工具

2019/09/11 Javascript

原生js实现密码强度验证功能

2020/03/18 Javascript

JavaScript 监听组合按键思路及代码实现

2020/07/28 Javascript

Python实现的数据结构与算法之快速排序详解

2015/04/22 Python

Python利用itchat对微信中好友数据实现简单分析的方法

2017/11/21 Python

Python数据结构与算法之图的基本实现及迭代器实例详解

2017/12/12 Python

详解Python最长公共子串和最长公共子序列的实现

2018/07/07 Python

Pandas读取MySQL数据到DataFrame的方法

2018/07/25 Python

python实现名片管理系统项目

2019/04/26 Python

django中SMTP发送邮件配置详解

2019/07/19 Python

python实现高斯(Gauss)迭代法的例子

2019/11/20 Python

Python如何在main中调用函数内的函数方式

2020/06/01 Python

匡威德国官网：Converse德国

2019/01/26 全球购物

房地产开发计划书

2014/01/10 职场文书

元旦晚会邀请函

2014/02/01 职场文书

市场策划求职信

2014/08/07 职场文书

法定代表人授权委托书范文

2014/09/22 职场文书

工商局所长四风自我剖析及整改措施

2014/10/26 职场文书

美容院员工规章制度

2015/08/05 职场文书

MySQL配置主从服务器(一主多从)

2021/08/07 MySQL

JS实现九宫格拼图游戏

2022/06/28 Javascript