Нужен совет о том, как сделать несколько динамических проекций контента.
Шаблон компонента Parrent:
<tabs [count] = 'n'>
<div tab_1>...</div>
<div tab_2>...</div>
...
<div tab_n-1>...</div>
<div tab_n>...</div>
</tabs>
Шаблон компонента Ожидаемый дочерний элемент (вкладки):
<ng-content select='[tab_1]'></ng-content>
<ng-content select='[tab_2]'></ng-content>
...
<ng-content select='[tab_n-1]'></ng-content>
<ng-content select='[tab_n]'></ng-content>
Я пытаюсь сделать что-то вроде этого:
<div *ngFor="let item of [1, 2, ... , n - 1, n]]">
<ng-content select='[tab_{{n-1}}]'></ng-content>
</div>
Но это не работает, потому что выбор ng-содержимого является статическим, здесь мы не можем использовать выражение.
Мое окончательное решение было использовать ElementRef
в дочернем компоненте для получения дочерних узлов хоста и манипулирования им. Но это похоже на подход jQuery, а не Angular.