如何删除列表中带有条件离子 2 的项目

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="let 选项类型">来循环我的数组。并使用数据绑定显示列表{{type.name}}
我只想在我的列表中隐藏条件为"this.userStatus="register"的 RegisterMe 选项。 因此，我使用此条件ngIf="userStatus!='Registered' "这样做会隐藏我的整个列表。

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

Answer 1

您可以使用自定义管道，如注释中所述。或者在模板中做一些这样的黑客

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

但这不是最好的解决方案，因为您要向标记添加不必要的div。