Как в ANGUlAR 5-8 монтировать компоненты через теги HTML?

Всем привет.
Значит, имею задачу такую создать:

Вот expansion-panel ANGULAR:

<mat-expansion-panel>
    <mat-expansion-panel-header>
      //content
    </mat-expansion-panel-header>
</mat-expansion-panel>

Нужно сделать полностью кастомную.
Только вот вопрос они создали компонент mat-expansion-panel.
Описали в нем расположение контента, а я получается просто передаю этот контент. Они просто знают где расположить это. Как можно мне так сделать? Как обращаться к контенту, который лежит внутри тегов моего компонента.

<my-component>
  <app-another-component [data] = "data"></app-another-component> 
<-- Вот как получить ссылку на этот компонент для его расположения в компоненте "my-component" -->
</my-component>

Буду очень благодарен за ответ.