angular - Hur man väljer specifikt <ng-content></ng-content> med ViewChild

Jag har en Modal-komponent med två ng-content-taggar.

Mallen ser ut så här:

  <ng-content select="[slot='header']"></ng-content>
  <ng-content select="[slot='content']"></ng-content>

Detta gör att jag kan använda Angulars innehållsprojektion från andra komponenter på detta sätt

<custom-modal>
<div class="header" slot="header">
Header goes here
</div>
<div class="content" slot="content">
Content goes here
</div>
</custom-modal>

Det jag behöver är ett sätt att använda ViewChild-dekoreraren i CustomModal-komponenten för att rikta in <ng-content select="[slot='content']"></ng-content>

Jag har försökt genom att definiera en #variableName i ng-content-taggen, men det är förmodligen inte det bästa tillvägagångssättet.