代码之家 › 专栏 › 技术社区 › Amos

Ionic-单击某个项目应更新列表

ion-list ionic3

0

Amos · 技术社区 · 8 年前

我有一个带有ngif的项目列表,如下所示

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

每个项目可以出现多次,但只会出现今年的记录。这很管用。

单击此列表中的某个项目时,我希望刷新列表,但这次,列表应仅显示选定项目的记录(无论日期如何)。

我知道今年我应该改变(名称)ISITEMMENT来适应两个选项,但是我如何将点击的项目的值/参数发送到整个页面,以便它将用相关的参数重新加载它的列表?

1 回复 | 直到 8 年前

1

BRass 8 年前

您是否尝试过添加一个单击处理程序并以这种方式传递该项?我猜如果你想点击这个按钮的话,你也会想把它变成一个按钮(或者类似的)。

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

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