网站建设资讯

NEWS

网站建设资讯

AngularJs如何实现聊天列表实时刷新功能

这篇文章给大家分享的是有关AngularJs如何实现聊天列表实时刷新功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

创新互联主营玉田网站建设的网络公司,主营网站建设方案,成都app开发,玉田h5微信平台小程序开发搭建,玉田网站营销推广欢迎玉田等地区企业咨询

JS是什么

JS是JavaScript的简称,它是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器的一部分,主要用于web的开发,可以给网站添加各种各样的动态效果,让网页更加美观。

昨天在做app的聊天列表时,遇到了一个问题,消息监听器监听到了一个新的消息,但是如果这时已经处于消息列表的页面那么消息列表并不会及时更新。

我的想法是在service层中的监听器方法里,当监听到了一个新的消息,那么就在根作用域中发出一个广播,告诉controller层需要去获取最新的消息列表了。

service层中发出广播:

AngularJs如何实现聊天列表实时刷新功能

controller层中接听广播:

AngularJs如何实现聊天列表实时刷新功能

rootScope是所有scope的父级

它的广播(broadcast)和监听(on) 可以在无交集的controller间使用

scope 的 broadcast 和 on 是用于作用域有交集(父子关系)controller间事件传递 有别于rootScope

感谢各位的阅读!关于“AngularJs如何实现聊天列表实时刷新功能”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


标题名称:AngularJs如何实现聊天列表实时刷新功能
文章位置:http://cdweb.net/article/jgjohi.html