angular2中的条件数据绑定

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中的条件数据绑定

conditional data binding in angular2

angular2-template

angular