typescript - Usar un componente como elemento - Angular 8

Me gustaría usar un componente como un elemento.
En lugar de usar:

<ul class='biblList'>
    <li *ngFor="let biblCit of biblCits">
        {{ biblCit }}
    </li>
</ul>

Me gustaría usar algo como:

<evt-bibliography-item *ngFor="let biblCit of biblCits">
    {{ biblCit }}
</evt-bibliography-item>

Siendo novato con Angular, no sé cómo resolverlo.

Respuesta #1

aquí hay un ejemplo funcional

.ts

biblCits=['1','2','2','3','4','5']

.html

<div *ngFor="let biblCit of biblCits">
    <child-component [parentTimerCount]="biblCit">
    </child-component>
</div>

puedes usar <ng-content></ng-content> en la plantilla del componente y esto proyectará la plantilla del padre

plantilla de componente de bibliografía

<div>
<ng-content></ng-content>
</div>

padre

<app-bibliography *ngFor="let biblCit of biblCits">
        👉 {{ biblCit }} 
</app-bibliography>

demostración 🚀