以angular2显示嵌入的图像

Question

我正在开发一个angular2项目,它涉及直接从数据库加载图像(base64编码).在angular1中,可以简单地加载它如下:

<img data-ng-src="data:image/jpg;base64,{{entry.img}}" />

其中entry.img是原始图像数据.但是,我不知道如何在angular2中这样做.我试过了

<img [src]="data:image/jpg;base64,{{entry.img}}" />

但这不起作用,因为angular仍会尝试从URL加载图像.

Answer 1

也许你可以试试这个:

<img [src]="'data:image/jpg;base64,'+entry.img" />

假设它entry是组件的img属性并包含属性.