Angular 中的动态菜单当我单击其中的某些内容时保持打开子菜单

编程问答 2022-05-17

问题描述

我的菜单代码有问题。我有这个菜单主页和一个子菜单仪表板 1、仪表板 2、仪表板 3 等

-Home
 -- Dashboard 1
 -- Dashboard 2
 -- Dashboard 3
-Teachers
-Students

我想在子菜单中单击仪表板 1 并且这个子菜单保持打开状态，当我单击它时不直接关闭，我想保持打开状态 page 我在下面有代码，在这里我不明白为什么当我选择它时子菜单关闭，你能看到下面的代码并告诉我如何解决吗？

<li [class.active]="showMenu === sidebarItem.moduleName && sidebarItem.submenu.length != 0"
  *ngFor="let sidebarItem of sidebarItems" [routerLinkActive]="sidebarItem.submenu.length != 0 ? '' : 'active'">
  <div class="header" *ngIf="sidebarItem.groupTitle === true">{{sidebarItem.title}}</div>
  <a [routerLink]="sidebarItem.class === '' ? [sidebarItem.path] : null" *ngIf="!sidebarItem.groupTitle;"
    [ngClass]="[sidebarItem.class]" (click)="callMenuToggle($event,sidebarItem.moduleName)" class="menu-top">
    <i [ngClass]="[sidebarItem.iconType]">{{sidebarItem.icon}}</i>
    <span class="hide-menu">{{sidebarItem.title | translate}}
    </span>
    <span *ngIf="sidebarItem.badge != '' " [ngClass]="[sidebarItem.badgeClass]">{{sidebarItem.badge}}</span>
  </a>
  <ul class="ml-menu" *ngIf="sidebarItem.submenu.length > 0">
    <li [ngClass]="showSubMenu === sidebarSubItem.moduleName? 'activeSub':''"
      *ngFor="let sidebarSubItem of sidebarItem.submenu"
      [routerLinkActive]="sidebarSubItem.submenu.length > 0 ? '' : 'active'">
      <a [routerLink]="sidebarSubItem.submenu.length > 0 ? null : [sidebarSubItem.path]"
        [ngClass]="[sidebarSubItem.class]">
        {{sidebarSubItem.title | translate}}
      </a>
    </li>
  </ul>
</li>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangularcollapsemenumenumenusubmenu