微调器返回垫对话框

Question

对于每个API调用，我们都使用进度微调器。并且我们在应用程序模块级别注册了微调器。当我们希望微调器出现在对话框中时，微调器会隐藏在弹出窗口的后面。

为解决此问题，我们在每个对话框组件HTML中添加了spinner标签。即使z索引在这里也无法正常工作。我们也尝试过Mat Progress Spinner和其他Spinner，但没有用。

我们可以解决此问题吗？

Answer 1

在stackblitz演示中，Spinner从未激活，因为Spinner放置在index.html中。 Bindigs不应位于index.html中。 如果stackblitz没问题，以后又以某种方式损坏了，那么我现在可以说SCSS和组件模板看起来很好。 您能否确定在本地环境中成功编译了SCSS？

Answer 2

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

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

        document.body.appendChild(domElem);