使用angular 2+在IFrame上加载

Question

每次我的iframe导航到另一个网址时，我都需要放置一个加载器。 我认为这可能是可行的，就像这样的逻辑：

onLoad(Iframe: ElementRef) {
  this.Hide();
}

onNavigate(Iframe: ElementRef) { // this event does not exist
  this.show();
}

有人知道如何制作吗？

Answer 1

Here's a similar thread

iframe上没有导航事件，您只能在src属性更改时获得初始负载。因此，如果iframe中正在运行SPA，则需要手动撤回它：

我建议您使用ngAfterViewCheck并像这样返回位置

this.iframeLocation = iframeRef.nativeElement.contentWindow.location.href;

主要问题：如果iframe是跨域的，则浏览器将不允许您获取位置。