javascript – 如果我丢失了互联网连接,我想显示警报消息状态

2023年2月25日 281次阅读

使用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 }.
点赞