清晰的问题 多个应用程序级别的警报 <clr-alerts>

Question

https://stackblitz.com/edit/angular-ivy-ojzegz?file=package.json

我正在使用 Clarity 组件 https://v3.clarity.design/alerts 实现多个警报（当有超过 1 个警报时，横幅左侧会出现轮播（左右插入符号）。还有一个 X 图标在“横幅的最右侧”（我无法覆盖 stackblitz 中的颜色，但它是可点击的，只是不可见，因为背景颜色与横幅相同）这将在“onclick”时关闭顶部的警报"。在实现中，我使用服务将警报信息从 1 个组件传递/获取到其他组件

当点击“删除”按钮时，它应该向现有横幅添加 1 个警报。

我在清晰的多重警报组件方面面临以下问题：

1. 点击多次“删除”后，再点击X 一个一个关闭提醒，提醒横幅会一个个关闭，然后我再次点击“删除”两次，当点击X 关闭其中一个横幅，还剩下 1 个横幅。请注意，即使还剩下 1 个横幅，整个横幅也已隐藏。

注意：在 stackblitz 代码中，x 图标不明显，因为颜色与横幅相同，但实际上在“横幅的右侧”，当点击横幅的最右侧时，它将关闭最顶部的横幅。

我只能从 (clrAlertClosed)="$event" 的清晰度代码中获取发出的布尔结果。如果它是 Clarity 的错误，我无法在我的代码库中覆盖 Clarity 关闭功能。有没有人面临同样的问题或对上述两个问题有所了解？感谢您的宝贵时间！

Answer 1

我现在可以在 stackblitz 上修复它。提示横幅可以一一关闭。