Привет! Могли бы опытные ребята подсказать как сделать что-то типа

Question

Привет! Могли бы опытные ребята подсказать как сделать что-то типа

динамического компонента?
Я хочу сделать так что-бы при наведении на некоторую иконку - появлялся некоторый блок с информацией, например как тут (фото 1)- выпадающее меню, но в другом случае мне нужно буде показать некоторое поле для поиска и кнопку а не список (фото 2). Поэтому хочу сделать что-то что можно переиспользовать и просто передавать компонент в этот выпадающий компонент.
Буду благодарен за ваши идеи!

#angular #frontend #javascript #programming #russian

0

03.03.2021

7 ответов

17 просмотров

Dem Oppositus

Смотрите в сторону ng-container и ng-template Но это будет не так просто, как 2 пальца об асфальт Если не нужно многократное переиспользование компонента с разными шаблонами - то *ngIf будет и быстрее и проще

0

03.03.2021

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

Dem Oppositus
Смотрите в сторону ng-container и ng-template Но э...

Я вот за это и переживаю что возможно в будущем придется еще что-то добавлять. Больше того - эти два выпадающих окна размещаются в разных компонентах и по идее можно пока и без ngIf, но хотелось бы сразу сделать что-то что можно будет переиспользовать в будущем

0

03.03.2021

Vlad Martyshev

CDK overlay

0

03.03.2021

xxtux Shvets

Vlad Martyshev
CDK overlay

вокруг него надо еще обвязку навернуть, если юзать как модалку. наподобие MatDialog

0

03.03.2021

Dem Oppositus

Vasyl
Я вот за это и переживаю что возможно в будущем пр...

Ну, можно попробовать сделать обертку, которая только вспывает. И показывает внутри себя компонент. Всплывающее окно типа <div><ng-content></ng-content></div> Использование: <my-popup><inner-component></inner-component></my-popup> или <my-popup>тут сразу html</my-popup> Но это не будет так просто, там тоже будут подводные камни.

0

03.03.2021

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

Dem Oppositus
Ну, можно попробовать сделать обертку, которая тол...

Хорошо, спасибо, попробую из этого что-то придумать

0

03.03.2021