在AngularJS / Cordova应用程序中的网络连接断开时显示PopUp？

Question

我想阻止用户离线时使用android应用程序（由AngularJS制作），并让他们在线时再次使用它。

为此，我知道使用Cordova调用了哪个JS函数， 很清楚如何使用events进行调用。

但是，您将如何组织AngularJS代码，使其与我应用程序中的每个控制器一起工作？ 我的意思是，在应用程序的所有页面中，如果网络断开，则需要显示一个红色的大错误弹出窗口，其中显示“嘿，网络断开，只要网络保持断开状态，此弹出窗口将一直留在这里”。

我应该创建一个服务并在应用程序的每个控制器中调用它吗？ 对我来说，在每个控制器上粘贴相同的callCheckConnection()函数似乎很肮脏。 有更高级别的方法吗？

非常感谢。

Answer 1

您必须在app.js中而不是在控制器中注册事件。 像这样：

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

function onOffline() {
  //Show the popup
}