Angular 从ngFor隐藏和显示值

我需要在列表中显示和隐藏一个元素。使用

*ngFor

填充列表

我需要更改这些图标。我将从

*ngFor

通过使用

{{item.check}

。我不应该使用ts文件。我需要在.html文件中进行此修改

 <ion-grid>
        <ion-row *ngFor="let item of dailyDays"> 
            <ion-col>
                <ion-icon show={{item.check}} name="checkmark"></ion-icon>
                <ion-icon show={{item.check}} name="close"></ion-icon>
            </ion-col>
        </ion-row>
</ion-grid>

---

是否有人可以帮助我使用

{item.check}

中的

布尔值来显示和隐藏这些项您可以使用
[attr.name]
属性（属性绑定）

这对我来说很有效，但它将一直有效

<ion-grid>
        <ion-row *ngFor="let item of dailyDays"> 
            <ion-col>
                <ion-icon [hidden]="item.check" name="checkmark"></ion-icon>
                <ion-icon  [hidden]="item.check" name="close"></ion-icon>
            </ion-col>
        </ion-row>
    </ion-grid>

您是否也尝试了
ngIf

<ion-col>
                <ion-icon *ngIf="item.check" name="checkmark"></ion-icon>
                <ion-icon  *ngIf="!item.check" name="close"></ion-icon>
            </ion-col>


你应该利用

按如下方式编辑代码应该是可行的

<ion-grid>
    <ion-row *ngFor="let item of dailyDays"> 
        <ion-col [ngSwitch]="item.check">
            <ion-icon *ngSwitchCase="true" name="checkmark"></ion-icon>
            <ion-icon *ngSwitchCase="false" name="close"></ion-icon>
        </ion-col>
    </ion-row>
</ion-grid>

如果“名称”是离子图标组件的角度属性，则可以使用：



检查我的答案please@YokeshVaradhan这看起来不错，但使用我的，你可以有一个元素，只需切换离子图标
element
name
attribute@PankajParkar这是三元条件吗？@AbdElrahmanTelb是的，我打错了。。正确答案。。谢谢你的提醒[attr.name]指的是我复制粘贴在上面的内容，但是那里没有任何可见的内容
<ion-grid>
    <ion-row *ngFor="let item of dailyDays"> 
        <ion-col [ngSwitch]="item.check">
            <ion-icon *ngSwitchCase="true" name="checkmark"></ion-icon>
            <ion-icon *ngSwitchCase="false" name="close"></ion-icon>
        </ion-col>
    </ion-row>
</ion-grid>

import { NgSwitch } from @angular/common;