当鼠标悬停在菜单上时，显示菜单的图标消失

Question

[我有一个角分量，其中有一个mat-tree分量。

每个树节点都有操作图标按钮，它们在节点行上悬停显示。

当我单击第一个图标时，它显示mat-menu。但是由于动作图标按钮仅显示在鼠标悬停上，因此当悬停在菜单上时，所有图标都会消失。

如何在mat-menu上悬停时使所有图标仍然可见？

这里的Stackblitz演示：demo

感谢您的帮助！

Answer 1

我将此行添加到HTML：

<div [ngClass]="{'show-icons-and-menu': showIconsAndMenu}">

在此span标签下：]

<span class="hover-actions-menu">
然后将其添加到SCSS：

.show-icons-and-menu {
  visibility: visible !important;
}
希望有帮助！