Так, подскажите, как можно обернуть компонент, который использует трансклюзию для

Question

Так, подскажите, как можно обернуть компонент, который использует трансклюзию для

прокидывания в него темплейтов, чтобы в обёртке так же через трансклюзию прокидывать в обёрнутый компонент этот темплейт?

random.component.html
<wrapper>
<ng-template class="template">
<p>I'm a custom template!</p>
</ng-template>
</wrapper>

wrapper.component.html
<wrapped>
<ng-content
select=".template"
ngProjectAs="[custom-template]"
></ng-content>
</wrapped>

wrapped.component.ts
...
@ContentChild(CustomTemplateDirective, { read: TemplateRef }) customTemplate: TemplateRef<any>;
...

wrapped.component.html
<ng-template #defaultTemplate>
<p>I'm a default template!</p>
</ng-template>
<ng-template
[ngTemplateOutlet]="customTemplate || defaultTemplate"
>
<ng-template>

#angular #frontend #javascript #programming #russian

0

25.04.2018

1 ответов

4 просмотра

George · Accepted Answer

я бы побровал написать 2 директивы: 1 - просто что бы получить элемент куда шаблон передать через ContentChildren (просто указатель) 2- вешаем на "верхний" элемент с шаблоном: В ней получаем доступ к шаблону(еоторый нужно прокинуть) и доступ к элементу с 1й дерективой. И просто в инстанс полученного элемента прокидываем шаблон

169 похожих чатов

Так, подскажите, как можно обернуть компонент, который использует трансклюзию для

1 ответов

Похожие вопросы