當 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 。