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

发布时间：2020-12-17 07:10:53 所属栏目：安全来源：网络整理

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

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

谢谢.

解决方法

你可以使用导航守卫来实现这些目标.您可以在 NavController的ionic-docs中找到它们.

实现可能如下所示：

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()作为ionViewCanLeave()当前执行not work(至少在使用选项卡时).

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!