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

Question

我有一个为我返回一些值的数据库：

• id : 整数
• nome : 字符串
• status: 布尔值

我只想在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>