Angular 如何侦听<;的加载事件;对象>;

Angular 如何侦听<;的加载事件;对象>;,angular,Angular,我正在对象元素中加载一个外部资源,我想在Angular 2+指令上侦听“load”事件 使用@HostListener装饰器,处理程序将被无限期调用。 尝试使用模板上的(load)侦听组件中的事件,得到了相同的行为-循环 还检查并尝试了所有生命周期挂钩,但似乎没有一个在加载完成的适当时间触发 使用jQuery可以很容易地做到这一点,比如:element.on('load',function(){}) 使用第4.2.3节 有什么建议/想法吗? 感谢发现我正在经历这个无限循环,因为我正在直接从模板调

我正在
对象
元素中加载一个外部资源,我想在Angular 2+指令上侦听“load”事件

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

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

使用jQuery可以很容易地做到这一点,比如:element.on('load',function(){})

使用第4.2.3节

有什么建议/想法吗?
感谢

发现我正在经历这个无限循环,因为我正在直接从模板调用url上的
sanitizer.bypassSecurityTrustResourceUrl()
(Domsanizer)。比如:

但不确定循环背后的原因