仅当变量值为true时才插入图标

Question

我有一个数据库，其中为我返回一些值：

• id：整数
• nome： string
• status： boolean

我想仅在status变量的值为true时显示该项目。

查看我的 HTML ：

<ion-list ion-item *ngFor="let item of itens">    
    <ion-item >  
      <ion-label>{{ item.name }}</ion-label>
      <ion-icon name="checkmark" color="secondary" item-right></ion-icon>
    </ion-item>
</ion-list>

上面的方式显示了所有项目的图标。

如果status变量的值为true，我该如何插入图标？

Answer 1

使用*ngIf 指令：

<ion-icon name="checkmark" color="secondary" item-right *ngIf="item.status"></ion-icon>