我正在努力将内容注入兄弟组件(又称侧边栏)。我的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>
app-control-aside(简化):
<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>
我的“app-control-aside”包含两个标签,我想动态加载其中一个标签“tab-options-container”,其中包含路由器插座的子组件中的选项。
任何帮助或推动正确的方向将不胜感激。谢谢!