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

Question

我有一个数据库，其中 returns 我的一些值：

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>

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

Insert icon only if variable value is true

ionic2

angular2-directives

angular