文章/答案/技术大牛

发布

社区首页 >问答首页 >COREUI侧边栏最小化器和下拉列表不起作用

问COREUI侧边栏最小化器和下拉列表不起作用
EN

Stack Overflow用户

提问于 2020-11-13 15:42:14

回答 2查看 2.2K关注 0票数 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，时，它不会打开下拉列表，而且当我试图从底部的箭头中最小化时，这也是行不通的。请帮帮我！

bootstrap-5

core-ui

html

css

angular

回答 2

Stack Overflow用户

发布于 2021-03-18 19:52:27

我也有这个问题。我发现，如果在生成页面之前添加了控制侧栏动画的JavaScript文件，则侧栏无法工作。解决方案:在末尾添加核心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>

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

票数 1

Stack Overflow用户

发布于 2021-04-15 07:21:38

请在下面找到我的代码是有效的。

 <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>

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/64823769

复制

相似问题

问COREUI侧边栏最小化器和下拉列表不起作用
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问COREUI侧边栏最小化器和下拉列表不起作用EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问COREUI侧边栏最小化器和下拉列表不起作用
EN