如何在离开Ionic 3中的Tab之前显示确认消息

Question

我的离子3应用程序有一个带有两个Tabs的离子标签.当从tab切换到tab时,我需要显示一条确认消息(使用AlertController)以防止用户更改当前选项卡,除非他确认了他的选择.这是否可能在离子？我已经尝试在标签更改时显示确认消息.但是,我无法阻止新标签显示.

谢谢.

Answer 1

你可以使用导航守卫来实现这些事情。您可以在NavController的离子文档中找到它们。

实现可能看起来像这样：

ionViewCanEnter(): Promise<any> {
  return new Promise((resolve, reject) => {
    let alert = this.alertCtrl.create({
      title: 'Alert',
      message: 'Please confirm ...',
      buttons: [
        {
          text: 'Cancel',
          role: 'cancel',
          handler: () => {
            reject();
          },
        },
        {
          text: 'Confirm',
          handler: () => {
            resolve();
          },
        },
      ],
    });
    alert.present();
  });
}

使用ionViewCanEnter()asionViewCanLeave()目前不起作用（至少在使用选项卡时）。