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

 更新时间:2017年06月15日 14:31:49   作者:nnnnnox  
这篇文章主要介绍了AngularJs实现聊天列表实时刷新功能,需要的朋友可以参考下

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

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

service层中发出广播:

code

controller层中接听广播:

code

rootScope是所有scope的父级

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

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

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

相关文章

  • Angular5给组件本身的标签添加样式class的方法

    Angular5给组件本身的标签添加样式class的方法

    本篇文章主要介绍了Angular 5 给组件本身的标签添加样式class的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • 仿Angular Bootstrap TimePicker创建分钟数-秒数的输入控件

    仿Angular Bootstrap TimePicker创建分钟数-秒数的输入控件

    这篇文章主要为大家详细介绍了仿Angular Bootstrap TimePicker创建分钟数-秒数的输入控件的相关资料,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • 使用Angular CLI从蓝本生成代码详解

    使用Angular CLI从蓝本生成代码详解

    这篇文章主要介绍了使用Angular CLI从蓝本生成代码详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • Angularjs实现多个页面共享数据的方式

    Angularjs实现多个页面共享数据的方式

    本文给大家介绍使用Angularjs实现多个页面共享数据的方式,通过定义一个共享服务service来实现此功能,对angularjs共享数据相关知识感兴趣的朋友一起学习
    2016-03-03
  • 详解Angular之路由基础

    详解Angular之路由基础

    单页应用中,组件时构建应用的基础元素,页面展示什么内容均是靠页面有什么组件决定的,而展示什么组件又是由一组路由(带有Url元素的特定集合,可用于导航视图)决定的,希望本文可以帮助读者了解路由的基础概念和基础使用、写法。
    2021-05-05
  • angularJS 指令封装回到顶部示例详解

    angularJS 指令封装回到顶部示例详解

    本篇文章主要介绍了angularJS 指令封装回到顶部示例详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-01-01
  • 详解angularJs中自定义directive的数据交互

    详解angularJs中自定义directive的数据交互

    这篇文章主要介绍了详解angularJs中自定义directive的数据交互,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-01-01
  • Angular.js中数组操作的方法教程

    Angular.js中数组操作的方法教程

    AngularJS是google在维护,其在国外已经十分火热,可是国内的使用情况却有不小的差距,参考文献/网络文章也很匮乏。下面这篇文章主要给大家介绍了关于Angular.js中数组操作的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-07-07
  • 使用AngularJS 跨站请求如何解决jsonp请求问题

    使用AngularJS 跨站请求如何解决jsonp请求问题

    这篇文章主要介绍了使用AngularJS 跨站请求如何解决jsonp请求问题,下面通过本文给大家分享解决办法,需要的朋友参考下
    2017-01-01
  • BootStrap+Angularjs+NgDialog实现模式对话框

    BootStrap+Angularjs+NgDialog实现模式对话框

    在完成一个后台管理系统时,需要用表格显示注册用户的信息。但是用户地址太长了,不好显示。所以想做一个模式对话框,点击详细地址按钮时,弹出对话框,显示地址。下面小编给大家分享下实现方法,一起看下吧
    2016-08-08

最新评论