Angular 5 - содержимое между тегами компонента

Question

Я сделал пользовательский модал для своего приложения Angular 5, но я хочу иметь возможность редактировать содержимое в нем.

В качестве примера у меня есть следующий бит кода

<app-modal> <p>Some Text!</p> </app-modal>

Я хочу, чтобы модал взять <p> пометить и поставить это так:

<div class="modal">
  <div class="card">

    <p>Some Text!</p>

  </div>
</div>

Поэтому я могу легко использовать модальный компонент и использовать его везде, где мне это нужно. Но я не мог найти, если / как это работает где-нибудь. Если это невозможно, то мне интересно, каков следующий лучший путь.

Заранее спасибо!

Answer 1

Благодаря ссылке из ochs.tobi я нашел то, что искал.

Просто добавь <ng-content></ng-content> Везде, где вам нужно в компоненте, чтобы иметь возможность получать содержимое в тегах компонента.