How to mount components via HTML tags in ANGUlAR 5-8?

Question

Angular

Hello.
So, I have a task to create this:
Here is the expansion-panel ANGULAR:

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

It needs to be completely custom.
Only here is the question they created the mat-expansion-panel component.
We described the location of the content in it, and I just pass this content. They just know where to put it. How can I do that? How to access the content that lies inside the tags of my component.

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

I will be very grateful for the answer.

Answer 1

short https://www.bxnotes.ru/conspect/lib/angular/angula...
ok https://medium.com/claritydesignsystem/ng-content-...