下拉菜单中的angular6下拉菜单不起作用

穆罕默德·乌马尔

我正在尝试点击侧边栏项目打开菜单。但是,单击不会执行任何操作。我不确定如何在angular6中修复此问题。

<li *ngIf="mUser.role.accountant !== true" class="nav-item dropdown" routerLinkActive="open">
  <a class="dropdown-toggle" href="javascript:void(0);">
    <span class="icon-holder">
      <i class="ti-server"></i>
    </span>
    <span class="title">Food/Drink</span>
    <span class="arrow">
      <i class="ti-angle-right"></i>
    </span>
  </a>
  <ul class="dropdown-menu">
    <li>
      <a href="" [routerLink]="['/drink']">Drinks</a>
    </li>
    <li>
      <a href="" [routerLink]="['/food']">Food</a>
    </li>
  </ul>
</li>
升压

尝试添加ngbDropdownTogglengbDropdownMenu属性和类:

<li *ngIf="mUser.role.accountant !== true" class="nav-item dropdown" ngbDropdown>
  <a class="nav-link dropdown-toggle" ngbDropdownToggle>
    <span class="icon-holder">
      <i class="ti-server"></i>
    </span>
    <span class="title">Food/Drink</span>
    <span class="arrow">
      <i class="ti-angle-right"></i>
    </span>
  </a>
  <ul ngbDropdownMenu class="dropdown-menu"
      aria-labelledby="navbarDropdown">
    <li class="dropdown-item">
      <a [routerLink]="['/drink']">Drinks</a>
    </li>
    <li class="dropdown-item">
      <a [routerLink]="['/food']">Food</a>
    </li>
  </ul>
</li>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章