如何在Angular 2中呈现HTMLImageElement类型的变量

Question

当我这样做时

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

我的浏览器显示

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

如何显示图像本身呢？

Answer 1

我认为有一种方法可以通过Angular绑定添加HTMLImageElement。

这应该有效：

<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}}＆gt;