Я пытаюсь создать пользовательский компонент с использованием нескольких ng-контента в угловом 6, но это не работает, и я понятия не имею, почему.
Это мой код компонента:
<div class="header-css-class">
<ng-content select="#header"></ng-content>
</div>
<div class="body-css-class">
<ng-content select="#body"></ng-content>
</div>
Я пытаюсь использовать этот компонент в другом месте и визуализировать два разных HTML-кода внутри тела и заголовка select ng-content, что-то вроде этого:
<div #header>This should be rendered in header selection of ng-content</div>
<div #body>This should be rendered in body selection of ng-content</div>
Но компонент визуализирует пустой. Вы, ребята, знаете, что я могу сделать неправильно, или как лучше всего сделать два разных раздела в одном компоненте?
Спасибо!