该问题的解决方案是在子菜单关闭时需要区分当前是激活还是非激活状态。这可以通过在菜单列表中添加一个属性来实现。
以下是示例代码:
在HTML中:
dashboard Dashboard
library_books Pages
在component.ts中:
showSubMenu = false;
toggleSubMenu() {
this.showSubMenu = !this.showSubMenu;
}
在CSS中:
.active-link {
color: red;
}