具有Angular上下文的iframe中的对话框和叠加层

Question

我们有一个可在Angular 6中打开材质对话框的组件。我们还有一个按钮，可导致出现覆盖图。

我们还有一些遗留应用程序，需要使用此组件（非Angular）。 为此，我们希望将组件托管在iframe中。

问题是，当我们打开对话框或叠加层时，它停留在iframe的边界内。

我们如何能够托管该对话框或叠加层，使其显示在iframe上。

我知道iframe主要是一个不好的解决方案，但是原因是他们不想使该组件两次制作（在Angular和非Angular中）。