如何解决Angular仪表板的侧边栏组件
我正在尝试在已创建的管理界面之一中使用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,],
现在我正在模板中使用以下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版本上使用它。这样只能使用一项吗?
我已经复制了整个样式文件并将其粘贴到组件样式表中,但是随后它也无法正常工作。
或者我可以利用任何侧边栏扩展名吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。