如何渲染類型HTMLImageElement的角2

Question

變量當我做

<div>my image : {{myVar}}</div> 

我的瀏覽器顯示

<div>my image : [object HTMLImageElement]</div> 

我怎樣才能顯示圖像本身，而不是？

Answer 1

我不認爲有一種方法來添加一個HTMLImageElement雖然Angular綁定。

這應該工作：

<div>my image : <span #imgTarget></span></div> 

@ViewChild('imgTarget') imgTarget:ElementRef; 

ngAfterViewInit() { 
    this.imgTarget.nativeElement.appendChild(this.myVar); 
} 

Answer 2

任何具體的原因，爲什麼你不能這樣做

<div>my image : <img src={{image.source}}></div> 

呢？

Answer 3

用attr.src替換src。試試這個

我的圖像：img attr.src = {{image.source}}>