Используйте перенос на родительский компонент Angular.Является ли это возможным? - PullRequest
Новая
       27

Используйте перенос на родительский компонент Angular.Является ли это возможным?

0 голосов
/ 18 декабря 2018

У меня есть компонент Tabs с компонентами Tab (https://stackblitz.com/edit/angulartabs), используемый как: 

<tabs>
  <tab title="tab 1">
    <div class="toolbar">Toolbar 1</div>
    Content 1
  </tab>
  <tab title="tab 2" active="true">
    <div class="toolbar">Toolbar 2</div>
    Content 2
  </tab>
</tabs>

Шаблон компонента Tabs: 

<div class="head">
  <ul class="tabs">
    <li *ngFor="let tab of tabs" (click)="select(tab)" class="tab" [class.active]="tab.active">
      <a>{{ tab.title }}</a>
    </li>
  </ul>
  <ng-content select=".toolbar"></ng-content>
</div>
<ng-content></ng-content>

И компонент Tabs: 

<div [hidden]="!active" class="pane">
  <ng-content></ng-content>
</div>

Проблема в том, что панель инструментов не размещается на компоненте вкладок: 

<ng-content select=".toolbar"></ng-content>

Я знаю, что это работает, если поместить этот код в компонент вкладки.

НоМне нужно поместить этот код в родительский компонент (вкладки).

Можно ли использовать перенос для размещения кода в родительском компоненте?

...