AngularJS/Cordova应用程序中网络连接断开时显示弹出窗口

Display PopUp when network connection is down in AngularJS/Cordova app?

本文关键字：显示 窗口 断开 连接 Cordova 应用程序 中网 网络 AngularJS      更新时间：2023-09-26

我想防止用户在离线时立即使用安卓应用程序（使用AngularJS制作），并让他们在您在线时再次使用它。

为此，我知道使用Cordova调用哪些JS函数，很清楚如何使用事件进行调用。

然而，你将如何组织你的AngularJS代码，使其适用于我的应用程序中的每个控制器？我的意思是，在应用程序的所有页面中，如果网络关闭，我需要显示一个红色的错误弹出窗口，上面写着"嘿，伙计，网络关闭了，只要网络关闭，这个弹出窗口就会一直存在"。

我应该创建一个服务并在应用程序的每个控制器中调用它吗？在我看来，粘贴相同的callCheckConnection()函数是每个控制器的肮脏之处。有更高层次的方式吗？

非常感谢。

您必须在app.js中而不是在控制器中注册事件。类似这样的东西：

document.addEventListener("offline", onOffline, false);
function onOffline() {
  //Show the popup
}
相关文章：