Ionic 3,如何检查每个页面的网络连接？

Question

如果互联网在我的应用程序的任何位置关闭,我正在寻找一个更好的解决方案,连接失败的弹出对话框.

我有提供商来检查连接.但是我没有得到很好的解决方案来调用每个事件或每个页面更改.

Answer 1

你可以订阅一个活动.

我建议你做以下事情;

AppComponent.ts

export class MyApp {
  constructor (
    private network: Network,
    private platform: Platform,
    private alertCtrl: AlertController,
  ) {
    platform.ready().then(() => {
      this.listenConnection();
    })
  }

  private listenConnection(): void {
    this.network.onDisconnect()
      .subscribe(() => {
        this.showAlert();
      });
  }

  private showAlert(): void {
    // omitted;
  }
}

这样,您将在所有应用程序中监听disconnect事件.当然,您可以在提供程序中隔离此代码,并在用户登录后调用或使用其他一些业务规则.

我希望它可以帮助你.