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

Question

[Павел Талайко]

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

Вот 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>

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

Answer 1

[Антон Швец]

коротко https://www.bxnotes.ru/conspect/lib/angular/angula...
нормально https://medium.com/claritydesignsystem/ng-content-...

Comments

[Павел Талайко]

Спасибо огромное.