У меня есть компонент Angular с дочерним компонентом. Мне нужно, чтобы дочерний компонент отображался поверх всего на странице, включая братьев и сестер родительских компонентов (думайте, как плавающее меню). В родительском компоненте есть служба (не предоставляется в корневом каталоге, поэтому каждый из этих компонентов получает свой собственный экземпляр службы). В дочерний компонент будет внедрена эта служба. Я попытался изменить z-index, но это не сработало, потому что дочерний компонент находится внутри своего родителя, который находится ниже его дочерних div. Я попытался использовать модуль Overlay Angular Cdk, но тогда служебный инжектор не будет работать. Есть предложения или мне нужно сделать большой рефакторинг?
Как сделать так, чтобы дочерний компонент angular отображался поверх всего остального
comment
Без какого-либо кода, который вы используете, трудно увидеть проблему, которая у вас возникла, и мы, вероятно, будем колоть в темноте. Вы хорошо объяснили, что делаете, но не объяснили какие-либо конкретные действия, которые вы пробовали, или какие-либо конкретные проблемы, с которыми вы столкнулись после устранения некоторых неполадок. Добавление дополнительных деталей к вашему вопросу определенно улучшит его, и мы сможем вам лучше помочь.
- person Geoff James   schedule 18.04.2020
Ответы (1)
вам поможет абсолютное позиционирование внутри относительного: https://css-tricks.com/absolute-osition-inside-relative-osition/
проблема в том, чтобы сделать отступ по высоте этого дочернего компонента. Но я думаю, что с этим можно справиться
person
Danil Sabirov
schedule
17.04.2020