Angular 角度2转换为同级成分

我正在努力将内容注入同级组件（又称侧栏）中。我的app.component.html内容如下：

<app-header></app-header>

<div class="container-fluid">
<div class="row">
    <div id="main-menu" class="col-md-1 col-sm-3">
        <app-main-menu></app-main-menu>
    </div>
    <div id="main" class="col-md-11 col-md-offset-1 col-sm-10 col-sm-offset-2">
        <router-outlet></router-outlet>
    </div>
</div>
</div>

<app-control-aside></app-control-aside>

一般设置

我的“appcontrol aside”包含两个选项卡，我想动态加载其中一个选项卡“taboptions container”，其中包含来自路由器出口子组件的选项

我们将非常感谢您向正确方向提供的任何帮助或推动。谢谢

<div>
  <ul>
    <li><a href="#control-sidebar-options-tab" data-toggle="tab"></a>
  </ul>
  <ul>
    <li><a href="#control-sidebar-settings-tab" data-toggle="tab"></a>
  </ul>
</div>
<div class="tab-content">
    <div class="tab-pane" id="control-sidebar-options-tab">
        <ng-content select="[tab-options-container]"></ng-content>
    </div>
    <div class="tab-pane" id="control-sidebar-settings-tab">
        <h3 class="control-sidebar-heading">General Settings</h3>
    </div>
</div>