如何与一个条件的离子除去在列表中的项目2

问题描述：

<ion-list> 
<ion-list-header> 
<span ion-text bold color="primary"> My Application</span> 
</ion-list-header> 
<div *ngIf="userStatus!='Registered' " > 
<ion-item *ngFor="let type of options" (click)="close(type.name)"> 
{{type.name}} 
    </ion-item> 
    </div> 
    </ion-list>

这是我的阵列如何与一个条件的离子除去在列表中的项目2

public options = 
    [ 
    {name : 'RegisterMe'}, 
    {name : 'MY CLINICS'}, 
    ];

这是我的html元素
我使用* ngFor = “让选项类型”循环我的数组。并使用数据绑定显示列表{{type.name}}
我想隐藏仅RegisterMe选项在我的名单与条件“this.userStatus =”注册“” 因此我使用这个条件ngIf="userStatus!='Registered' "通过这样做是躲在我的整个名单。

如何实现这一点。请帮助我。

请提供您的模板/标记。 –

管道的完美用例。 –

如何使用管道查询akash。请帮我 – Anirudh

答

您可以使用自定义pipe，如评论中所述。或者做一些黑客喜欢这个模板

<div *ngFor="let type of options"> 
    <ion-item *ngIf="type.name!='RegisterMe'" (click)="close(type.name)"> 
    {{type.name}} 
    </ion-item> 
</div>

但这不是最好的解决办法，因为你要添加不必要的div来您的标记。

如何与一个条件的离子除去在列表中的项目2

相关推荐