如何渲染类型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}}>