首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在Nebular中正确地实现侧栏?

如何在Nebular中正确地实现侧栏?
EN

Stack Overflow用户
提问于 2022-11-29 13:17:41
回答 1查看 24关注 0票数 0

当我添加侧栏时,它将显示一个空白页。它不会给我任何错误信息。如果我移除它,它就会恢复正常。

不添加侧栏时的屏幕截图 添加侧栏时的屏幕截图

home.component.html

代码语言:javascript
复制
<nb-layout windowMode>
    <nb-layout-header fixed>
        <nb-form-field>
            <nb-icon nbPrefix icon="search-outline"></nb-icon>
            <input type="text" nbInput fullWidth shape="round" placeholder="Search">
        </nb-form-field>
        <button nbButton outline shape="round" size="medium" status="primary"><nb-icon icon="plus-outline"></nb-icon>Upload</button>
        <nb-actions>
            <nb-action title="Messages" icon="message-circle-outline" badgeDot badgePosition="top right" badgeStatus="danger"></nb-action>
            <nb-action title="Notifications" icon="bell-outline" badgeDot badgePosition="top right" badgeStatus="danger"></nb-action>
        </nb-actions>
        <nb-user size="medium" name="Tzuyu Chou" picture="https://i.pinimg.com/originals/98/98/c6/9898c6313b8270b8dcc4269c47c3ef9a.jpg"></nb-user>
    </nb-layout-header>
    <nb-sidebar></nb-sidebar>
    <nb-layout-column>Content</nb-layout-column>
</nb-layout>

home.module.ts

代码语言:javascript
复制
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { HomeComponent } from './home.component';
import { NbActionsModule, NbButtonModule, NbContextMenuModule, NbFormFieldModule, NbIconModule, NbInputModule, NbLayoutModule, NbMenuModule, NbSearchModule, NbSidebarModule, NbTabsetModule, NbUserModule } from '@nebular/theme';
import { RouterModule } from '@angular/router';



@NgModule({
  declarations: [
    HomeComponent
  ],
  imports: [
    CommonModule,
    RouterModule,
    NbLayoutModule,
    NbActionsModule,
    NbIconModule,
    NbContextMenuModule,
    NbTabsetModule,
    NbButtonModule,
    NbSearchModule,
    NbUserModule,
    NbFormFieldModule,
    NbInputModule,
    NbSidebarModule,
    NbMenuModule,
  ]
})
export class HomeModule { }

我只想在我的项目中添加一个侧栏。我遵循文档中的代码,但仍然无法工作。

EN

回答 1

Stack Overflow用户

发布于 2022-11-29 17:04:59

将NbSidebarService添加到提供程序列表中

代码语言:javascript
复制
@NgModule({
  ...
  providers: [NbSidebarService],
  ...
})
export class AppModule {}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74614703

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档