После долгих поисков: возможно ли вложить пользовательские компоненты в пользовательские компоненты?
Я создал пустой угловой угловой проект и создал ComponentAComponent (selector: 'componentA') и ComponentBComponent (selector: 'componentB').
Мой app.component.html выглядит так:
<componentA>
<componentB></componentB>
<componentB></componentB>
</componentA>
<componentB></componentB>
Что бы я ожидал:
Компонент А работает!
Компонент Б работает!
Компонент Б работает!
Компонент Б
работает!
Но только
Компонент А работает!
Компонент Б работает!
оказывается.
Поскольку я хочу реализовать пользовательский список с пользовательскими элементами списка: что мне нужно сделать, чтобы визуализировать пользовательские компоненты, вложенные в пользовательские компоненты?
После большого количества Google / StackOverflow / проб и ошибок - благодарен за любые советы или ссылки, которые вы можете дать мне. Перепробовал столько всего с импортом и декларациями, но ничего не получилось.
В случае, если это поможет, я могу предоставить хранилище github с кодом.
С уважением
РЕДАКТИРОВАТЬ: ABOS дал правильный ответ. Я добавил
<ng-content></ng-content>
в componentA.html и теперь все вложенные элементы визуализируются. Так просто, но я этого не нашел. Спасибо!