Ребят, а какой тип порталов выбрать? Схема следующая: <drop-down> <some-component> </some-component> </drop-down> В дропдаун компоненте template:

Question

Ребят, а какой тип порталов выбрать? Схема следующая: <drop-down> <some-component> </some-component> </drop-down> В дропдаун компоненте template:

'
<ng-template
[cdkPortalOutlet]="selectedPortal"
#cdkPortal
>
<ng-content></ng-content>
</ng-template>
'

Как мне приаттачить компонент в overlay, который, который управляется в компоненте drop-down? Проблема с порталами и не могу разобраться. Там есть три портала: компонент, темплейт, дом. На сколько я понимаю, то мне нужно зацепиться за #cdkPortal через темплейтРеф и это всё дело приаттачить. В итоге: Cannot read properties of undefined (reading 'createEmbeddedView')

Так понимаю, что я где-то не правильно привязываюсь, т.к. этот крит связан с ng-template

#angular #frontend #javascript #programming #russian

0

06.10.2023

8 ответов

46 просмотров

Артур Автор вопроса

xxtux Shvets
а че за дропдаун? Обычно они сами умеют принимать ...

Есть инпут с дропдауном, по принципу гугловского(по бокам две кнопки: поиск и очистить поле) В этом вот дропдауне открывается очень весь кастомный список айтемов древовидного вида (как на рутрекере) все айтемы кликабельные. Не суть Сейчас это сборка из мат-инпута + мат-меню. При взаимодействии получается рай для эпилептиков, нужно переделать. Задача заключается в том, что при клике в инпут вываливается эта колоша, начинаем искать, эта колоша удлиняется. При клике на кнопку очистить, она не должна моргать, очистить инпут и все так же оставаться открытой.

0

06.10.2023

xxtux Shvets

Артур
Есть инпут с дропдауном, по принципу гугловского(п...

ну вроде выглядит действительно как инпут и меню, только меню я бы в оверлее окрывал, а не в cdkPortal

0

06.10.2023

Артур Автор вопроса

xxtux Shvets
ну вроде выглядит действительно как инпут и меню, ...

Хорошо, а как мне скрыть в родителе тот код, который нужно отрисовать в дропдауне?

0

06.10.2023