Angular2 innerHtmlは常に更新します

Question

これは何よりもスタイルの質問のほうがいいと思いますが、これを正しく実行していることを確認したいと思います。

私はエンドポイントを持っていますが、これは完全なjpegまたはpngの代わりにSVGイメージを返すことになり、そのページに表示する必要があります。私はSVGを呼び出して取得するサービスを作成しました。このサービスは、getImage（id）というコンポーネント内のメソッドから呼び出されます。私が気づい

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

ことの一つは、それが絶えず更新していますので、私は本当にクロムでSVGを検査することができないということです。私のHTMLで

は、私のようなものを持っています。私はこれが問題なのかどうか、どうすればそれを解決するのか疑問に思っていますか？それはちょうど絶えず更新メソッドを呼び出すようですが、何も変更されていないので、変更の検出がトリガされるべきではありません。私のコメントのための

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>