html - 如何修复metisMenu

Question

我为我的仪表板开发了菜单，metisMenu用于我的元素。菜单正在显示，但是当我单击显示子菜单的菜单按钮时，不显示子菜单！

如何解决这个问题，谢谢。文件 .html：

 <ul class="side-menu metismenu" *ngFor="let application of applications">
    <li routerlinkactive="active">
      <a href="javascript:;">
        <i class="sidebar-item-icon fa fa-bookmark"></i>
        <span class="nav-label">{{application.Menu}}</span><i class="fa fa-angle-left arrow"></i>
      </a>
      <ul class="nav-2-level collapse" routerlinkactive="in" *ngFor="let accessrole of accessroles">
        <li *ngIf="accessrole.ApplicationId == application.ApplicationId">
          <a routerlink="/ui/icons" routerlinkactive="active">
            <span class="nav-label" style="padding-left: 23px; margin-top: -19px;">{{accessrole.SubMenu}}</span>
          </a>
        </li>
      </ul>
    </li>
  </ul>