离子3中没有网络时的页面重定向

Question

我已经实现了一个应用程序，当用户离线时，该页面将重定向到显示“无网络”的页面。我已经成功实现了这一点。当没有网络时，App导航到下面的屏幕。在下面的场景中，逻辑失败，'

当用户第一次打开应用程序或在脱机期间终止应用程序后，应用程序无法重定向到“无网络页面”。在这种情况下，应用程序启动默认根页面说LoginPage。 请找到下面的逻辑。

NetworkCheckProvider.ts

false

app.component.ts

import { Injectable } from '@angular/core';
import { Network } from '@ionic-native/network';
import { Events } from "ionic-angular";

export enum ConnectionStatusEnum {
    Online,
    Offline
}    
@Injectable()
export class NetworkCheckProvider {

 private previousStatus;
    constructor(private eventCtrl: Events,
                private netWork:Network) {
        this.previousStatus = ConnectionStatusEnum.Online;
    }
    public initializeNetworkEvents(): void {
        this.netWork.onDisconnect().subscribe(() => {
            if (this.previousStatus === ConnectionStatusEnum.Online) {
                this.eventCtrl.publish('network:offline');
            }
            this.previousStatus = ConnectionStatusEnum.Offline;
        });
        this.netWork.onConnect().subscribe(() => {
            if (this.previousStatus === ConnectionStatusEnum.Offline) {
                this.eventCtrl.publish('network:online');
            }
            this.previousStatus = ConnectionStatusEnum.Online;
        });
    }
}

如果我的代码有任何错误，请纠正我。还有什么办法可以在离线时禁用所有点击事件吗？

谢谢和问候 Anand Raj