Angular2 innerHtml不斷更新

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

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

在我的HTML我有類似：

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

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

來源

2017-08-15 BenM

獲取'ngOnInit圖像（）'並將其設置爲一個變量。在[[innerHtml]]中使用該變量。 – Arg0n

問題 - 爲什麼svg沒有附加到img元素的src屬性？ – binDebug

舉例我的評論：

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>

來源

2017-08-15 08:34:05 Arg0n

Angular2 innerHtml不斷更新

回答

相關問題