ionic - 单击一个项目应该更新列表

Question

我有一个带有 ngIf 的项目列表，如下所示

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

每项可以出现多次，但只会出现今年的记录。这行得通。

单击此列表中的项目时，我想刷新列表，但这次列表应仅显示所选项目的记录（无论日期如何）。

我知道我应该更改（还有名称）isItemInThisYear 以适应任一选项，但我如何将 value/parameter 从单击的项目发送到整个页面，以便它会使用相关参数重新加载其列表？

Answer 1

您是否尝试过添加点击处理程序并以这种方式传递项目？我猜你也想把它做成一个按钮（或类似的），如果它是为了被点击的话。

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

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

ionic - clicking an item should update the list