多重包含的条件渲染

Question

假设您有一个带有一些PanelComponents的AccordionComponent，并且想要将内容投影到这些PanelComponents中：有一个main插槽用于放置任何内容，还有一个buttons插槽，其内容被投影到{ {1}}。

但是，div.button-bar仅在有任何内容要投影到div.button-bar插槽中时才应呈现。

是否可以（在模板内）检查是否有一些内容要投影到特定的插槽中，并仅使用buttons？

accordion.component.html

*ngIf

panel.component.html

<app-panel [panelTitle]="'Panel 1'">
  <p main>I am a paragraph and I have something to say</p>
  <button buttons>Click</button>
</app-panel>

<app-panel [panelTitle]="'Panel 2'">
  <p main>I am a paragraph as well, but I'm too cool for a button.</p>
  </app-panel>
<app-panel [panelTitle]="'Panel 3'"></app-panel>