我爱模板网 > 建站教程 > JS、jQ、TS >  AngularJs实现聊天列表实时刷新功能_AngularJS正文

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

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

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

service层中发出广播:

code

controller层中接听广播:

code

rootScope是所有scope的父级

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

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

以上所述是小编给大家介绍的AngularJs实现聊天列表实时刷新功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!



部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:bootstrap daterangepicker双日历时间段选择控件详解 下一篇:微信小程序canvas写字板效果及实例_JavaScript
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢