Angular2 innerHtml不斷更新

Question

我認爲這是一個比任何東西都更多的風格問題，但我想確保我正確地做到了這一點。

我有一個端點，我打電話是煩人的返回一個SVG圖像，而不是一個完整的JPEG或PNG，我需要在頁面上顯示。我創建了一個調用並抓取SVG的服務。該服務從名爲getImage（id）的組件中的方法中調用。

在我的HTML我有類似：

<div [innerHtml]="getImage(id)></div> 

有一件事我注意到的是，我真的不能檢查Chrome的SVG，因爲它不斷地更新。我想知道這是否是一個問題，如果是的話如何解決它？它看起來只是不斷調用更新方法，但頁面上沒有任何更改（據我所知），因此不應觸發更改檢測？

Answer 1

舉例我的評論：

import { ..., OnInit, ... } from '@angular/core' 

@Component({ ... }) 
export class ...Component implements OnInit { 
    private image: string; 

    constructor(...) { ... } 

    public ngOnInit(): void { 
     this.getImage(1); //Get id from somewhere 
    } 

    private getImage(id): void { 
     ... 
     this.image = ...; 
    } 
} 

HTML

<div [innerHtml]="image"></div>