javascript - 我想在失去互联网连接时显示警报消息状态

Question

使用 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>

Answer 1

您可以使用在线和离线事件:

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 }.