栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何在AngularJs中检查互联网连接

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何在AngularJs中检查互联网连接

首先,我建议您听在线/离线活动。

您可以在AnguarJS中以这种方式进行操作:

var app = module('yourApp', []);app.run(function($window, $rootScope) {      $rootScope.online = navigator.onLine;      $window.addEventListener("offline", function() {        $rootScope.$apply(function() {          $rootScope.online = false;        });      }, false);      $window.addEventListener("online", function() {        $rootScope.$apply(function() {          $rootScope.online = true;        });      }, false);});

注意:我在

$apply
方法中包装了根范围变量的更改,以通知Angular某些更改。

之后,您可以:

在控制器中:

$scope.$watch('online', function(newStatus) { ... });

在HTML标记中:

 <div ng-show="online">You're online</div> <div ng-hide="online">You're offline</div>

这是工作正常的柱塞:http
://plnkr.co/edit/Q3LkiI7Cj4RWBNRLEJUA?p=preview

其他解决方案可以是广播在线/离线事件。但是在这种情况下,您需要在加载时初始化当前状态,然后订阅事件。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/640668.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号