如何在ngFor内使用ngIF显示某些值是否为空?

时间:2017-06-29 19:58:09

标签: angular ngfor ngif

在下面的代码中有时候row,seatNo是空的,在这种情况下我只需要显示部分。

  <p *ngFor="let seat of InfoDetails?.seatInfo">
      Section {{seat?.section}} , Row {{seat?.row}},Seat number {{seat?.seatNo}}
  </p>

如果值不存在,我如何检查和禁用变量前面的两个标签。

输出:(如果seatNo和Row为空)

第23条

1 个答案:

答案 0 :(得分:0)

 <p *ngFor="let seat of InfoDetails?.seatInfo">
      Section {{seat?.section}} , 
     <ng-template [ngIf]="seat?.row">
      Row {{seat?.row}},
     </ng-template>
     <ng-template [ngIf]="seat?.seatNo">
      Seat number {{seat?.seatNo}}
     </ng-template>
  </p>

了解更多信息: Structural Directives