DevCloudFE / ng-devui

Angular UI Component Library based on DevUI Design
https://devui.design
MIT License
1.75k stars 210 forks source link

toast组件 增加选项:弹出的提示限定只出现一次 #219

Open EtronieDENG opened 2 years ago

EtronieDENG commented 2 years ago

能否限定toast弹出的提示,同一时间的同一种提示,只能出现一个。

kagol commented 2 years ago

@ModelBoxDENG 请问下具体的使用场景是什么呢?可否贴个图

EtronieDENG commented 2 years ago

this.toastService.open({ value: [{ severity: 'warn', content: unit.name }], life: 3000, style: { top: '100px' } }); this.warningMessage = true; this.sleep(3000).then(() => { this.warningMessage = false; });

暂时用这样的方法避免多个toast窗口堆叠。

就比如说,有个地方需要实时监测,一有问题就弹一次toast。如果触发的速度比较快,会出现n个toast窗口堆叠的情况。

有没有可能增加一个可选项,在这个toast的生命周期内,和这个toast一样的toast不会出现。也就是说,只出现一次相同的toast。