【问题标题】:How to make an angular child component be rendered on top of everything else如何使有角度的子组件呈现在其他所有内容之上
【发布时间】:2020-04-17 18:43:23
【问题描述】:

我有一个带有子组件的 Angular 组件。我需要将子组件呈现在页面上的所有内容之上,包括父组件的兄弟姐妹(就像浮动菜单一样)。父组件中提供了一个服务(根中没有提供,因此每个组件都有自己的服务实例)。子组件将注入该服务。我尝试更改 z-index 但它不起作用,因为子组件位于其兄弟 div 下方的父组件内。我尝试使用 Angular Cdk 的 Overlay 模块,但服务注入器将无法工作。有什么建议吗?或者我需要做一个大的重构吗?

【问题讨论】:

  • 如果没有您正在使用的任何代码,就很难看出您遇到的问题,而且我们可能会在黑暗中刺伤。您已经很好地解释了您正在做什么,但没有说明您尝试过的任何具体事情或您在自己的一些故障排除后面临的任何特定问题。为您的问题添加更多细节肯定会改善问题,我们应该能够更好地帮助您。

标签: javascript angular overlay z-index angular-cdk


【解决方案1】:
  1. relative 中的绝对定位将帮助您: https://css-tricks.com/absolute-positioning-inside-relative-positioning/

  2. 问题是在这个子组件的高度上做一个填充。 但我觉得可以管理

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-08-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-01-26
    • 1970-01-01
    相关资源
    最近更新 更多