html COREUI侧边栏最小化工具和下拉菜单不工作

n3ipq98p  于 2022-12-16  发布在  其他
关注(0)|答案(3)|浏览(110)

我必须定制由COREUI 4.x主题提供的侧边栏。下面是我的侧边栏代码

<div class="app-body">
  <div class="sidebar">
    <nav class="sidebar-nav">
      <ul class="nav">
        <li class="nav-item">
          <a
            class="nav-link"
            routerLink="/dashboard"
            [routerLinkActive]="['active']"
            [routerLinkActiveOptions]="{ exact: true }"
          >
            <i class="icon-speedometer"></i> Dashboard
          </a>
        </li>
        <li class="nav-item">
          <a
            class="nav-link"
            href="#"
            routerLink="/alerts-configuration"
            [routerLinkActive]="['active']"
            [routerLinkActiveOptions]="{ exact: true }"
          >
            <i class="icon-layers"></i> Alert Configuration
          </a>
        </li>
        <li
          class="nav-item nav-dropdown"
          dropdown
          [routerLinkActive]="['active']"
          [routerLinkActiveOptions]="{ exact: true }"
        >
          <a class="nav-link nav-dropdown-toggle">
            <i class="icon-puzzle"></i>Administration
          </a>
          <ul class="nav-dropdown-items">
            <li class="nav-item">
              <a
                class="nav-link"
                routerLink="/device-management/devices"
                [routerLinkActive]="['active']"
                [routerLinkActiveOptions]="{ exact: true }"
              >
                <i class=""></i>Devices Management
              </a>
            </li>
            <li class="nav-item">
              <a
                class="nav-link"
                routerLink="/sites"
                [routerLinkActive]="['active']"
                [routerLinkActiveOptions]="{ exact: true }"
              >
                <i class="icon-settings"></i>Sites Management
              </a>
            </li>
          </ul>
        </li>
      </ul>
    </nav>
    <button class="sidebar-minimizer brand-minimizer" type="button"></button>
  </div>
</div>

现在,当我尝试点击管理,它不会打开下拉菜单,也当我尝试从底部的箭头最小化,这不会工作,以及。请帮助!
第一节第一节第一节第一节第一次

inkz8wg9

inkz8wg91#

我也遇到过这个问题。我发现如果在页面生成之前添加了控制侧边栏动画的JavaScript文件,侧边栏将无法工作。解决方案:在最后添加CORE UI JavaScript文件,看起来有点像这样:

<html>
  <body>
  {the entire html page}
  <script src="https://coreui.io/demo/free/3.4.0/js/main.js" async defer></script>
  </body>

</html>

“异步延迟”可能是必要的,也可能不是必要的。

ibps3vxo

ibps3vxo2#

我在coreui 4.x和BS 5中也遇到了同样的问题。我已经将data-coreui="navigation"添加到侧边栏导航元素中,它开始正常工作。

mccptt67

mccptt673#

请在下面找到我的代码是工作.

<li class="nav-item nav-dropdown " [appIsAuthorized]="roleconst.ProductAdminAbove" (click)="status=!status"
          [ngClass]="status ? 'open' : ''">
          <a class="nav-link nav-dropdown-toggle ">
            <i class="nav-icon icon-puzzle"></i> Management
          </a>

相关问题