Javascript window.postMessage重置iFrame视图

Javascript window.postMessage重置iFrame视图,javascript,html,node.js,angular,postmessage,Javascript,Html,Node.js,Angular,Postmessage,我有一个问题,我还没有找到解决办法。 我有一个angular应用程序,通过iFrame嵌入到不同的页面上。 为了在这两个页面之间进行通信,我使用了PostMessageAPI。一切正常,除了通过postMessage触发的每个事件“重置”iFrame中的视图。iFrame源本身不会重新加载(根据开发工具中的“网络”选项卡),但是,图片之类的东西似乎会再次尝试加载。例如:在Angular应用程序中,我有两个图像丢失,因此它们在控制台中返回404。通常,他们只会在第一页加载时,或者在我更改路由时这样

我有一个问题,我还没有找到解决办法。 我有一个angular应用程序,通过iFrame嵌入到不同的页面上。 为了在这两个页面之间进行通信,我使用了PostMessageAPI。一切正常,除了通过postMessage触发的每个事件“重置”iFrame中的视图。iFrame源本身不会重新加载(根据开发工具中的“网络”选项卡),但是,图片之类的东西似乎会再次尝试加载。例如:在Angular应用程序中,我有两个图像丢失,因此它们在控制台中返回404。通常,他们只会在第一页加载时,或者在我更改路由时这样做。然而,每次我发送postMessage时,他们都试图再次加载,从而在控制台中抛出404。 此外,如果我在iFrame中向下滚动,然后发送一条postMessage,就会出现一个快速的“闪烁”,滚动会重置到页面顶部

以下是我在Angular中收听postMessage事件的方式:

@HostListener('window:message', ['$event'])
onMessage(event) {}
我就这样发邮件

iframe.contentWindow.postMessage(data, '*');
欢迎任何帮助