离子性-单击某项应更新列表

Question

我有一个包含ngIf的商品列表

<ion-list>
  <ion-item *ngIf="isItemInThisYear(item.id)">  
</ion-list>

每个项目可能会出现几次，但只会显示今年的记录。这行得通。

单击此列表中的项目时，我想刷新列表，但是这次，列表应仅显示所选项目的记录（不考虑日期）。

我知道我应该更改（名称）isItemInThisYear以容纳这两个选项，但是如何将单击项的值/参数发送到整个页面，以便它将带有相关参数的列表重新加载？

Answer 1

您是否尝试过添加点击处理程序并以这种方式传递项目？我猜您也希望将其设为按钮（或类似按钮）。

<button ion-item (click)="filterList(item)" *ngIf="shouldItemBeDisplayed(item.id)"></button>

此外，您可能要考虑使用要显示的项目列表来更新可观察的变量或成员变量。这样一来，您就可以始终将按钮绑定到要显示的所有已知项目上，而不用对每个项目执行*ngIf以确定是否应该显示它。