角材料sidenav悬停

Question

我正在尝试构建Angular侧栏。当前，它具有切换效果，这意味着当我们单击它时，它会折叠。如果折叠，它将扩展。现在，我尝试仅扩展会悬停的项目。我需要一些帮助。

StackBlitz demo

Answer 1

这是解决方案：

我已经按照您的要求在您的left-menu-component.html中进行了更改，以实现这种悬停效果。以下是链接： https://stackblitz.com/edit/angular-w1b2ho?file=src%2Fapp%2Fcomponents%2Fleft-menu%2Fleft-menu.component.html