在* ngIf中使用屬性綁定

Question

我有一個數組，其中包含信息，如果要約有圖像名稱。 與*ngIf它應該顯示圖像或「無圖像」。但*ngIf內的屬性綁定不起作用。 這甚至可能嗎？

<div class="m-c-o" *ngFor="let offer of offers"> 

    <div class="m-c-p" *ngIf="showOffers"> 
     <div class="m-c-img-c"> 
     <img *ngIf="{{ offer.U_D__IMAGE }} != false" src="{{ imagePath + offer.U_D__IMAGE }}"> 
     <div *ngIf="{{ offer.U_D__IMAGE }} === false"> 
      <i class="materials-icons">photo_camera</i> 
      <div class="m-c-img-ni">No Images</div> 
     </div> 
     </div> 
    </div> 

</div 

Answer 1

*ngIf指令不需要插值

<div class="m-c-img-c"> 
    <img *ngIf="offer.U_D__IMAGE" [src]="imagePath + offer.U_D__IMAGE"> 
    <div *ngIf="!offer.U_D__IMAGE"> 
     <i class="materials-icons">photo_camera</i> 
     <div class="m-c-img-ni">No Images</div> 
    </div> 
</div> 

---

你可以使它更更好使用*ngIf else

<div class="m-c-img-c"> 
    <img *ngIf="offer.U_D__IMAGE else noResults" [src]="imagePath + offer.U_D__IMAGE" /> 
    <ng-template #noResults> 
     <div> 
     <i class="materials-icons">photo_camera</i> 
     <div class="m-c-img-ni">No Images</div> 
     </div> 
    </ng-template> 
</div>