我得到了以下用于在工业应用程序中显示警报/错误的离子代码片段:
showError(message: string) {
let toast = this.toastController.create({
message: message,
position: 'top',
duration: 5000,
cssClass: 'danger',
showCloseButton: true
});
toast.present();
}
应用程序在每次检测到连接问题时都会触发错误消息,这也将大约在5秒计时器上。
如果更改此代码的计时,多次调用此方法将导致2条或更多错误消息重叠显示。我是否可以检测到吐司已经显示?此外,5000毫秒计时器将不再必要,我可以在重新建立连接时再次删 debugging 误消息。
谢谢,BR弗洛里安
8条答案
按热度按时间cygmwpex1#
您可以将吐司对象存储在函数外部的变量中,并在显示下一个Toast之前调用dismiss()方法:
离子4
离子3
uemypmqf2#
这里我的解决方案:-)
0md85ypi3#
您可以检查是否已存在吐司,并仅在没有toast时创建新toast。
gstyhher4#
在8月20日之前,我在使用所有的答案时遇到了麻烦。吐司仍然会多次出现。修复了它,简单地检查并设置一个布尔值来继续或不继续。通过直接设置为true,它不会运行多次。
t98cgbkg5#
在Ionic 4吐司UI组件中
使用以下代码仅显示Ionic 4吐司一次
源链接:http://www.freakyjolly.com/ionic-4-adding-toasts-in-ionic-4-application-using-ui-components-with-plugins/
vu8f3i0k6#
我用这种方法解决了
mfpqipee7#
lmvvr0a88#
依次显示具有持续时间的Toast队列。
离子6