我的 Ionic 5 应用程序有以下 3 个页面和导航路径
HomePage -> UserPage (with canDeactivate guard) -> SharePage
UserPage canDeactivate 方法:
canDeactivate() {
const alert = await this.alertCtrl.create({
message: 'Do you want to go back?',
buttons: [
{
text: 'No',
role: 'cancel',
handler: () => { }
},
{
text: 'Yes',
handler: () => { }
}
]
});
await alert.present();
let data = await alert.onDidDismiss();
if (data.role == 'cancel') {
return false;
} else {
return true;
}
}
在 UserPage 中,当我选择“是”时,在后退按钮上它工作正常并将我带回主页。
- 当我选择“否”时,canDeactivate 方法返回 false 并且 UserPage 保持打开状态。
- 然后我单击“共享”按钮导航到 SharePage。 分享页面成为根页面并且没有返回按钮