ionic3 - 离子 - 单击一个项目应该更新列表

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对每个项目执行以确定是否应该显示它。