使用 AngularJS,如果我的应用程序失去互联网连接,我如何显示警报消息状态?
我正在研究 Angularjs Express 框架和 API。 在应用程序上工作时,如果我失去互联网连接,我需要弹出一个警报,我应该停止调用 HTTP 请求,直到我收到正确的互联网连接并恢复工作。
我什至尝试使用 offline.js 都无法解决,如果有任何简单易行的方法,请告诉我,谢谢。在标题中我添加了所有这些
<script src="/javascripts/plugins/offlinechecking/offline.min.js"></script>
<link rel="stylesheet" href="/stylesheets/themes/offline-theme-chrome.css" />
<link rel="stylesheet" href="/stylesheets/themes/offline-language-english.css" />
<script>
Offline.options = {
checkOnLoad: false,
interceptRequests: true,
reconnect: {
initialDelay: 3,
delay: (1.5 * last delay, capped at 1 hour)
},
requests: true,
game: false
</script>
最佳答案
您可以使用在线和离线事件:
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);
});
更多信息:How to check internet connection in AngularJs
此外,您没有关闭Offline.options
对象:
Offline.options = {
// No closing }.
关于javascript - 我想在失去互联网连接时显示警报消息状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34741852/