在离子框架中显示连接错误消息

Question

我正在开发 ionic 移动应用程序，但难以显示连接错误消息。当设备未连接到互联网或连接超时或其他情况时，我想显示一个弹出窗口以显示错误消息。这是我第一次遇到这样的事情。

Answer 1

--首先将插件添加到你的项目中 然后在您的 app.js 中包含以下代码

js

document.addEventListener("offline", onOffline, false);

        $rootScope.online = true;
        function onOffline() {
            // Handle the offline event
            $rootScope.$apply(function() {
                $rootScope.online = false;
               alert("There is no active internet connection to your app. Please check the connectivity.");
               //implement your method off error when the connection terminates

            });
         }

        document.addEventListener("online", function() {
            $rootScope.$apply(function() {
alert("connected");
                $rootScope.online = true;
                $rootScope.closeToast();
            });
        }, false);

here offile 将处理连接终止，而 online 将处理重新连接并检查警报或控制台