Множественная динамическая проекция контента - PullRequest
0 голосов
/ 26 апреля 2019

Нужен совет о том, как сделать несколько динамических проекций контента.

Шаблон компонента 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.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...