返回垫子对话框的微调器

Question

我们为每个 API 调用使用进度微调器。我们在应用程序模块级别注册了微调器。当我们想要对话框上的微调器时，微调器隐藏在弹出窗口后面。

为了解决这个问题，我们在每个对话框组件中添加了微调器标签 HTML。甚至 z index 在这里也不起作用。我们也尝试过 mat progress 微调器和其他微调器，但没有用。

我们能解决这个问题吗？

Answer 1

我已经对组件进行了更改，因为它应该动态创建并附加到 body 元素。现在这个问题已经解决了。

const domElem = (this.componentRef.hostView as EmbeddedViewRef<any>)
            .rootNodes[0] as HTMLElement;

        document.body.appendChild(domElem);