Angular 2转入兄弟成分

时间:2017-03-15 15:44:51

标签: angular transclusion

我正在努力将内容注入兄弟组件(又称侧边栏)。我的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”,其中包含路由器插座的子组件中的选项。

任何帮助或推动正确的方向将不胜感激。谢谢!

0 个答案:

没有答案