ionic - нажатие на элемент должно обновить список

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 на каждом элементе, чтобы определить, должен ли он отображаться или нет.