如何监听 <object> 的加载事件

Question

我正在 object 元素中加载外部资源，并且我想在 Angular 2+ 指令上监听“加载”事件。

使用 @HostListener 装饰器可以无限期地调用处理程序。 尝试使用模板上的(load) 在组件中侦听事件并得到相同的行为 - 循环。

还检查并尝试了所有生命周期挂钩，但似乎没有一个在加载完成后的适当时间触发。

您可以使用 jQuery 轻松做到这一点，例如：element.on('load', function () {})

使用 Angular 4.2.3

有什么建议/想法吗？ 谢谢

Answer 1

发现我遇到了这个无限循环，因为我直接从模板调用了 url 上的 sanitizer.bypassSecurityTrustResourceUrl() (DomSanitizer)。比如：

<object [data]="sanitizer.bypassSecurityTrustResourceUrl(url)">

但不确定循环背后的原因。