在AngularJS / Cordova应用程序中关闭网络连接时显示PopUp?

时间:2014-10-24 15:48:10

标签: javascript android angularjs cordova network-programming

我想阻止用户在离线时立即使用Android应用程序(使用AngularJS制作),并让他们在您上线时再次使用它。

为此,我知道哪些JS函数使用Cordova调用It's pretty clear how to do it, using events

但是,你如何组织你的AngularJS代码,这适用于我的应用程序中的每个控制器?我的意思是,在应用程序的所有页面中,如果网络出现故障,我需要显示一个大红色错误弹出窗口,上面写着“嘿,伙计,网络已经关闭,只要网络停止,这个弹出窗口就会停留在这里”。

我应该创建服务并在我的应用的每个控制器中调用它吗?这对我来说似乎很脏,每个控制器粘贴相同的callCheckConnection()函数。有更高层次的方式吗?

非常感谢。

1 个答案:

答案 0 :(得分:2)

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

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

function onOffline() {
  //Show the popup
}