如何使有角度的子组件呈现在其他所有组件之上

问题描述 投票:0回答:1

我有一个带有子组件的Angular组件。我需要将子组件呈现在页面上所有内容的顶部,包括父组件的同级组件(​​就像浮动菜单一样)。父组件中具有提供的服务(不是在根目录中提供的,因此这些组件中的每个组件都具有自己的服务实例)。子组件将注入该服务。我尝试更改z-index,但由于子组件位于其父项(位于其同级div以下)中而无法正常工作。我尝试使用Angular Cdk的Overlay模块,但是服务注入器将无法正常工作。有什么建议还是我需要进行大量重构?

javascript angular overlay z-index angular-cdk
1个回答
0
投票
  1. 相对位置的绝对位置将帮助您:https://css-tricks.com/absolute-positioning-inside-relative-positioning/

  2. 问题是对此子组件的高度进行填充。但我认为可以管理

© www.soinside.com 2019 - 2024. All rights reserved.