Question

我有一个Ionic 2应用程序，当用户想要返回时我需要显示确认提醒。

我已经有了它的工作：

ionViewCanLeave() {

    return new Promise((resolve, reject) => {
        let confirm = this.alertCtrl.create(
            {
                //title: 'Are you sure?',
                message: this.CONFIRM_EXIT_MSG,
                buttons: [{
                text: 'Si',
                handler: () => {
                    this.stopAfterLeave();
                    resolve();
                },
            },
            {
                text: 'No',
                handler: () => {
                    reject();
                }
            }],
        });

        confirm.present();

        this.customizeConfirmPrompt();
    });
}

ionViewWillLeave(): void {

    this.goToHomePage();
}

public goToHomePage(): void {

    this.navCtrl.setRoot(HomePage,
    {

    },
    {
        animate: true,
        direction: 'back'
    });
}

但问题是：当用户确认返回时，此页面会弹出（），1秒后会转到主页。

它类似于：主页 - ＆gt;一页 - ＆gt;其他页面 - ＆gt;实际页面

我在＆＃34;实际页面＆＃34;，当按下本机后退按钮或导航栏后退按钮时，我需要设置root＆＃34; HomePage＆＃34;，而是转到＆＃34;其他页面＆＃34;然后转到＆＃34; HomePage＆＃34;

Answer 1

要转到Root页面，您可以使用此

public popToRoot(){
 this.navCtrl.popToRoot();
}


<ion-buttons>
  <button ion-button (click)="popToRoot()" icon-only>
    <ion-icon ios="ios-arrow-back" md="md-arrow-back"></ion-icon>
  </button>
</ion-buttons>

即时设置根页面，然后在确认后

1 个答案: