组件未在角度6中加载

Question

我正在创建一个项目，该项目的主页带有侧边栏。单击侧栏时，该组件应该被加载到页面的右侧。我也做了同样的路由。谁能帮我吗？

<div class="container">
<div class="row">
    <app-mentor-sidebar></app-mentor-sidebar>
     <div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main">
        <div class="row">
                <ol class="breadcrumb">
                    <li><a href="#" >
                        <em class="fa fa-home"></em>
                    </a></li>
                    <li class="active"><a [routerLink]="">Dashboard</a></li>
                    <li class="active"><a [routerLink]=""> {{breadcum}}
                        </a></li>

                </ol>

        </div>
        <br>
        <div class="row">
            <div class="btn-group">
                <button class="btn btn-primary" (click)=goback(); >Back</button>
            </div>
            <router-outlet>   </router-outlet>

        </div>
     </div>
</div>    

应该加载html组件，但什么也没发生。