即时设置根页面，而是在确认后弹出

Question

我有一个离子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'
    });
}

但问题是：当用户确认回去时，此页面POP（）和1秒钟后，请转到主页。

就像：主页 ->页面 ->其他页面 ->实际页面

我在"实际页面"中，按下本机式返回按钮或Navbar Back按钮，我需要设置" HomePage"，而是转到"其他页面"，然后转到" HomePage"

Answer 1

要转到root Page，您可以使用此

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>