我有一个基于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'获取它 .