我有一个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>
标签组件模板为:
<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>
“标签”组件为:
<div [hidden]="!active" class="pane">
<ng-content></ng-content>
</div>
问题在于工具栏没有放置在Tabs组件上:
<ng-content select=".toolbar"></ng-content>
我知道如果将此代码放置在Tab组件中,它会起作用。
但是我需要将该代码放在父组件(Tab)上。
翻译可以用于将代码放置在父组件上吗?