角度2：以div显示图像

Question

如何在div中显示图像？就我而言，它来自数据库。

<div *ngFor="let result of results" class="search-res" (click)="showEmployee(result._id)">
     <div><img class=""/> {{ result.name }} </div> 
</div>

图片的名称为result.profile_picture。你如何在html中添加它？

Answer 1

要直接将图像显示到div中，可以使用NgStyle添加CSS属性：

<div *ngFor="let result of results" class="search-res" (click)="showEmployee(result._id)">
   <div [ngStyle]="{ 'background-image': 'url(' + result.image_path+ ')'}">> {{ result.name }} </div> 
</div>

Answer 2

你可以像这样显示图像。这有帮助。

<div *ngFor="let result of results" class="search-res" (click)="showEmployee(result._id)">
     <div><img src="{{result.profile_picture}}"> {{ result.name }} </div> 
</div>