我有一个基于ngxadmin构建的角度应用程序 .

https://github.com/akveo/ngx-admin

它是在Angular 4.4.6上 .

应用程序在不同的仪表板之间切换 . 每个仪表板都有一个带有一些嵌入式图表的iframe .

问题是每次我更改仪表板时,iframe都会重新加载 .

与主角应用程序(完全缓存)相比,重新加载需要1-2秒并且不会超快 .

问题是每次将iframe注入HTML时都会导致重新加载 . 渲染的内容不会保留 .

我已经阅读了很多地方,这是iframe的基本设计 . 如果将它们移回/插入DOM,则会重新加载它们 .

我还试图通过使用HTTP缓存和CDN(Fastly)使它们尽可能快 . 这改善了情况,但我仍然面临着这些缓慢的加载时间 .

有没有办法阻止iframe每次都重新加载?

有没有一种方法我可以有角度而不是删除HTML内容,而只是显示:没有它,所以它仍然实际上是DOM的一部分?

我想到的另一个想法是隐藏iframe,然后复制body innerHTML并将其移动到我的角度应用程序中 . 然后只使用该内容 . 我不是非常关心安全性,因为我控制了两个应用程序,但我想在这一点上CSS会被打破 .

一个想法是我可以将预渲染的HTML写入iframe,而不是依赖于每次从'src'获取它 .