Question

<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>

这是我的数组

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

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

如何实现这一目标。请帮助我。

Answer 1

您可以使用自定义pipe，如评论中所述。或者在模板

中做一些这样的黑客攻击

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

但这不是最佳解决方案，因为您在标记中添加了不必要的div。

如何使用条件离子2删除列表中的项目

1 个答案: