如何检测Angular 2中的网络连接?

前端之家收集整理的这篇文章主要介绍了如何检测Angular 2中的网络连接?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试编写一个组件来检测应用程序是在线还是离线,以便它可以触发另一个事件.是否有可以利用的内置功能
>要收听并做出改变,您需要一个事件处理程序.在Angular中,Observables是最好的
>要获得有关应用程序上线或下线的通知,请依赖 online/offline events
online$= fromEvent(window,'online');
offline$= fromEvent(window,'offline');

将您的其他活动链接到这些:

online$.subscribe(e => this.syncWithServer());

另请参阅有关navigator.onLine文章.请注意,浏览器不会统一实现此事件.在某些情况下,“在线”只意味着浏览器连接到本地网络,而不是互联网.要获得更可靠的信息,您可能需要在事件触发时尝试ping远程服务器进行测试.

online$= fromEvent(window,'online').pipe(
            switchMap(e => this.pingServer()),filter(e => e)
          );

offline$= fromEvent(window,'offline').pipe(
            switchMap(e => this.pingServer()),filter(e => !e)
          );

其中pingServer将发出远程请求并返回在请求成功时发出true的observable,否则返回false.

原文链接:https://www.f2er.com/angularjs/140301.html

猜你在找的Angularjs相关文章