Question

我们创建了一个Angular2 Cordova（非Ionic）应用程序，可以对后端服务进行多次调用。

如果用户没有连接，我们希望应用程序显示特定页面（组件）。我们已经构建了所有内容，但是我们如何感知连接性然后显示页面？

该应用程序是用TypeScript编写的，我以为我可以在index.ts文件中添加一些代码来完成此任务，但index.ts文件无法理解应用程序的导航以允许我更改页面。 / p>

我知道我需要Cordova网络信息插件，我知道如何使用它来检查连接性，但缺少的部分是挂起它以便它可以更改页面（路由到相应的组件）。

Answer 1

安装Cordova网络插件后，每秒检查一次：

<iframe name="cleverbot" width="540" height="340" allowtransparency="true" frameborder="1" scrolling="no" src="http://www.cleverbot.com/cleverbotif"></iframe>

Answer 2

此插件提供旧版Network Information API的实现。它提供有关设备的蜂窝和wifi连接以及设备是否具有互联网连接的信息。

cordova plugin add cordova-plugin-network-information

这是

的示例

  module.controller('MyCtrl', function($rootScope, $cordovaNetwork) {

      document.addEventListener("deviceready", function () {

        var type = $cordovaNetwork.getNetwork()

        var isOnline = $cordovaNetwork.isOnline()

        var isOffline = $cordovaNetwork.isOffline()


        // listen for Online event
        $rootScope.$on('$cordovaNetwork:online', function(event, networkState){
          var onlineState = networkState;
        })

        // listen for Offline event
        $rootScope.$on('$cordovaNetwork:offline', function(event, networkState){
          var offlineState = networkState;
        })

      }, false);
    });

了解更多信息请访问参考链接

检查Angular2（非Ionic）Cordova应用程序中的Internet连接

2 个答案: