离子2:处理安卓后退按钮

Question

我正在尝试处理离子 2 中的 android 后退按钮 下面是我的代码，它将允许用户在从主页或登录页面单击时退出应用程序

let alert = this.alertCtrl.create({
            title: 'Kmart',
            message: 'Do you want exit kmart app ?',
            buttons: [
              {
                text: 'Cancel',
                role: 'cancel',
                handler: () => {
                  this.logger.info("cancel clicked")
                }
              },
              {
                text: 'ok',
                handler: () => {
                  this.platform.exitApp();
                }
              }
            ]
          });
          
       this.platform.registerBackButtonAction(() => {
          console.log('back button pressed')
          if (this.navCtrl.canGoBack()) {
            console.log('nav can go back')
            this.navCtrl.pop()
          } else {
            //here i have to show the alert for login and home page
            alert.present();
          } 
        }, 100);

上面的代码段放在我的home.ts文件中

我无法获取当前页面名称，以便使我的应用程序退出。

当用户在主页或登录屏幕上双击应用程序时，如何退出应用程序。

Answer 1

使用

getActive（） 返回当前组件检查实例的视图控制器。使用 ViewChild 在 app.component.ts 中获取 navController在模板中设置#mynav

模板：<ion-nav #myNav [root]="rootPage"></ion-nav>

在组件类中：

@ViewChild('myNav') navCtrl: NavController
//to check the condition
let view = this.navCtrl.getActive();
if(view instanceof HomePage)

查看离子论坛讨论