当 innerHTML 以 angular 完全加载时启动一个函数

Question

我想知道在 Angular 中，是否可以在内部 HTML 完全加载时得到通知。 我有一个从服务器获取 SVG 图像的 Web 应用程序。 我需要将它显示为innerHTML，因为我需要对svg 执行操作并从中调用组件函数。 从服务器加载后，我必须对 SVG 进行一些小的更改，因此要等到它完全加载到 innerHTML 中。 目前，我在 SVG 的末尾添加了一张图片，并调用我在 SVG 上执行更改的函数，如下所示：

<img onload="smallSVGChanges(); this.parent.removeChild(this)">

但我很确定这不是他做这件事的最佳方式。

我发现了一个与这个问题相关的问题，但我不认为我的问题是这个问题的完全重复，因为它已经有将近 10 年的历史了，而且那里没有使用 angular。

Answer 1

您可以简单地执行此操作<img (onload)="doSomethingOnComponent()">并在相应的打字稿文件中的组件定义内定义函数doSomethingOnComponent 。