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

Question

У меня есть список элементов с ngIf, как показано ниже:

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

Каждый элемент может появляться несколько раз, но будут отображаться только записи этого года.Это работает.

При нажатии на элемент внутри этого списка я хочу обновить список, но на этот раз в списке должны отображаться только записи выбранного элемента (независимо от даты).

IЯ понимаю, что мне следует изменить (также имя) isItemInThisYear, чтобы вместить любой из этих параметров, но как я могу отправить значение / параметр из элемента, по которому щелкнули мышью, на всю страницу, чтобы он перезагрузил свой список с соответствующим параметром?

Answer 1

Вы пытались добавить обработчик кликов и таким образом передать элемент?Я предполагаю, что вы также захотите сделать эту кнопку (или аналогичную), если она предназначена для нажатия.

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

Кроме того, вы можете рассмотреть возможность обновления наблюдаемойили переменная-член со списком элементов для отображения.Это может позволить вам всегда привязывать кнопки ко всем известным элементам, которые вы хотите показать, вместо выполнения *ngIf для каждого элемента, чтобы определить, должен ли он отображаться или нет.