相关疑难解决方法(0)

在ionic2中防止重复的Toast消息

我在我的项目中实现了toast使用.目前我正面临重复消息的问题.有没有办法防止ionic2/angular2中的toast消息重复/重叠ToastControllerionic2toast

(注:指复制,当我点击一个按钮,我显示敬酒,如果我点击同一个按钮多次敬酒的消息重叠的)?

export class <className>{
   constructor(private toast:ToastController){
   }
    showToast(message) {
    let toast = this.toastCtrl.create({
        message: message,
        duration: 2000,
        position: 'bottom'
    })
    toast.present();
   }
}
Run Code Online (Sandbox Code Playgroud)

我在点击按钮时调用此方法.

编辑

  1. 与重复吐司(使用toastr示例,同样的sitaution适合我) 在此输入图像描述

  2. 当我启用"阻止通知"时,重复的吐司不在超时持续时间内. 在此输入图像描述

任何帮助深表感谢.

typescript ionic2 ionic3 angular

6
推荐指数
1
解决办法
2200
查看次数

打字稿和多个类

我有一个组件类,EventSchedulePage它扩展了 HandleStorageService abstract类,如下所示。您可以看到有一个showInvalidTokenAlert()在该子类上命名的方法。我必须为每个组件调用此方法(此方法向用户提供基于令牌的错误消息) 。那么您能告诉我如何实现或重新设计我的课程以适应这种情况吗?因为我不想把showInvalidTokenAlert()每个组件都放在上面,我想将该方法的实现放在一个地方。

子类

    export class EventSchedulePage extends HandleStorageService {

    constructor() {
        super();
         }

     showInvalidTokenAlert() {
       //show alert
      }
  }
Run Code Online (Sandbox Code Playgroud)

抽象类

export abstract class HandleStorageService {
  result: string = '';

  constructor() {
  }
}
Run Code Online (Sandbox Code Playgroud)

typescript ionic2 ionic3 angular

5
推荐指数
1
解决办法
3940
查看次数

标签 统计

angular ×2

ionic2 ×2

ionic3 ×2

typescript ×2