Question

我正在尝试在已创建的管理界面之一中使用coreui的侧边栏。我添加了以下npm模块：

@ coreui / coreui
@ coreui / angular

，并包含以下样式表。

node_modules/@coreui/coreui/dist/css/coreui.min.css

然后将以下内容添加到应用程序模块文件中。

import {
  AppAsideModule,
  AppBreadcrumbModule,
  AppHeaderModule,
  AppFooterModule,
  AppSidebarModule,
} from '@coreui/angular';

 imports: [
        CommonModule,
        HttpClientModule,
        HttpClientJsonpModule,
        RouterModule,
        FormsModule,
        AppAsideModule,
        AppBreadcrumbModule,
        AppHeaderModule,
        AppFooterModule,
        AppSidebarModule,
    ],

现在我正在模板中使用以下HTML元素：

<app-sidebar #appSidebar [fixed]="true" [display]="'lg'" [minimized]="sidebarMinimized" (minimizedChange)="toggleMinimize($event)">
    <app-sidebar-nav [navItems]="navItems"></app-sidebar-nav>
    <app-sidebar-minimizer></app-sidebar-minimizer>
  </app-sidebar>

但是我有以下问题。

它没有正确显示侧边栏。它仅显示导航项。没有应用样式。我在Angular 10版本上使用它。这样只能使用一项吗？

我已经复制了整个样式文件并将其粘贴到组件样式表中，但是随后它也无法正常工作。

或者我可以利用任何侧边栏扩展名吗？

Angular仪表板的侧边栏组件

0 个答案: