Как передать стили Bootstrap в проецируемое содержимое в Angular 7+?

Question

Документация по проекции контента Angular кажется довольно скудной, но, хотя мне удалось заставить проекцию контента работать, мне неясно, как передать классы Bootstrap до проецируемого контента <ng-content></ng-content> в дочернем компоненте, или если это вообще возможно сделать?

Например, если у меня есть простая кнопка, которую я проецирую:

<a class="btn btn-primary dropdown-toggle mr-4" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">My Buttton</a>

как передать классы (например, .btn и .btn-primary) в проецируемое содержимое, чтобы оно правильно стилизовалось?

Answer 1

проецирование контента похоже на рендеринг HTML-кода дочернему компоненту, поэтому независимо от того, что вы поместите между тегами дочернего компонента, он будет отображаться в теге ng-content дочернего компонента. поэтому, если ваш HTML-контент загружает классы, нет необходимости передавать классы или стиль.

рабочий пример - skdroid-ngcontent-content-projection