如何从其他组件加载Nebular Angular 6中的菜单？

Question

我正在学习Angular。我已经创建了骨架模块，并且拥有skeleton.html，.ts，.css文件。我正在尝试使用路由器从app.component.html文件中加载skeleton.component。

我在skeleton组件中有菜单，但是菜单不正确。

  

app.component.html

<nb-layout>
    <nb-layout-header fixed>
        <div class="container">
            <div class="row">
                <h3>Working</h3>
            </div>
            <div class="row">
                <div>
                <a routerLink="/home" class="nb-home"></a>
                <a (click)="goBack()" class="nb-arrow-left"></a>
                <nb-search class="search" type="rotate-layout"></nb-search>
            </div>
        </div>
    </div>
    </nb-layout-header>
    <nb-layout-column>
        <router-outlet></router-outlet>
    </nb-layout-column>
</nb-layout>

skeleton.component.html

<nb-sidebar >
    <nb-menu [items]="items">
    </nb-menu>
</nb-sidebar>
<nb-layout-column>
        <!--router-outlet></router-outlet-->
</nb-layout-column>

我拥有与skeleton模块相关的所有其他组件。我正在尝试将该组件加载到<nb-layout-column>内部的骨架组件中。但是它正在渲染其他组件，但侧面菜单消失了。

  

skeletonchild.html

<div class="row">
    <div class="col-md-3 col-sm-4 col-xs-6"  *ngFor="let x of imgObj; index as i;">
            <nb-card>
                    <nb-card-header>{{x['title']}}</nb-card-header>
            <nb-card-body class="regss">
                <div class="content" >{{x['content']}}</div>

                <img class="imgs" [src]="x['url']" alt="x['alt']" >

            </nb-card-body>
        </nb-card>
    </div>

</div>

你们能告诉我我的代码出了什么问题吗？