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

如何解决清晰度问题 多个应用级别警报 <clr-alerts>

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 关闭函数。有没有人面临同样的问题或对上述 2 个问题有所了解？感谢您抽出宝贵时间！

解决方法

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