Как сделать так, чтобы дочерний компонент angular отображался поверх всего остального - PullRequest
0 голосов
/ 17 апреля 2020

У меня есть Angular компонент с дочерним компонентом. Мне нужно, чтобы дочерний компонент отображался поверх всего на странице, включая одноуровневых компонентов родительского (думайте как плавающее меню). В родительском компоненте есть служба, предоставляемая в нем (не указана в root, поэтому каждый из этих компонентов получает свой собственный экземпляр службы). Дочернему компоненту будет внедрен этот сервис. Я попытался изменить z-index, но он не работает, потому что дочерний компонент находится в пределах своего родителя, который находится ниже его родственных элементов. Я попытался использовать модуль оверлея Angular Cdk, но сервисный инжектор не будет работать тогда. Любые предложения или мне нужно сделать большой рефакторинг?

1 Ответ

0 голосов
/ 17 апреля 2020
  1. абсолютное позиционирование внутри родственника поможет вам: https://css-tricks.com/absolute-positioning-inside-relative-positioning/

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

...