1

我必须自定义 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>

现在，当我尝试单击Administration时，它不会打开下拉列表，而且当我尝试从底部的箭头最小化时，这也不起作用。请帮忙！

在此处输入图像描述 在此处输入图像描述

4

2 回答 2

0

请在下面找到我正在工作的代码。

 <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>
于 2021-04-15T07:21:38.390 回答
0

我也有这个问题。我发现如果在生成页面之前添加控制侧边栏动画的 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>

“异步延迟”可能需要也可能不需要。

于 2021-03-18T19:52:27.420 回答