其他组件实例的元素受到影响

问：

我有列表或一些报告数据，我正在我的主页中调用报告组件， 如

<div *ngFor="let report of reports">
    <kt-report [report]="report"></kt-report>
</div>

在报告组件中，我有一些图标可以将报告显示为饼图或表格的条形类型。 但是，当我尝试更改一个报表的视图类型时，应该仅针对单击的特定报表更改的图标颜色，其他图标的样式也会受到影响。

我附上了屏幕截图以更好地突出问题。 在这里，如您所见，当我将鼠标悬停在第一个实例的条形图标上时，其他组件实例的条形图标变得不可见。 我希望这种情况不会发生，只有我正在更改的特定实例才应该生效。 为了更好地理解，我附上了仪表板页面的图像。