Question

下面是我显示数据库图像的代码。

   <div *ngfor='let pad of pictures' class="">
      <img class="activator"src="imagepas/{{pad.picturefirst}}">
    </div>

在数据库中某个时候每次都没有图像所以我想要显示默认图像，图像仅针对这种情况，但是在我想要在显示数据之前进行一些条件计算的情况下会出现这种情况。我读到了关于ngswitch但是我怎么能把像pad.picturefirst==null那样的条件不能这样工作呢。请帮忙

Answer 1

您可以利用ngIf：

<div *ngfor='let pad of pictures' class="">
  <img *ngIf="pad.picturefirst"
    class="activator"src="imagepas/{{pad.picturefirst}}">
  <img *ngIf="!pad.picturefirst" 
    class="activator"src="imagepas/defaultimage.png">
</div>

angular2中的条件数据绑定

1 个答案: