在父级Angular的组件上使用翻译。可能吗?

时间:2018-12-18 20:06:51

标签: angular angular6 angular7 angular-template

我有一个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)上。

翻译可以用于将代码放置在父组件上吗?

0 个答案:

没有答案