angular - ボタンをクリックして選択し、選択したイオンアイテムを非表示にするイオン/角度イオンアイテム

Question

Ionic 5 / Angular を使用しており、のリストがありion-itemます。それぞれにボタンが付いています。

以下のコード例:

<ion-list>
    <ion-item>
        <ion-label>One</ion-label>
            <ion-button slot="end" (click)="selfhide()">
                <ion-icon slot="icon-only" name="close-outline"></ion-icon>
            </ion-button>
    </ion-item>
    <ion-item>
        <ion-label>Two</ion-label>
            <ion-button slot="end" (click)="selfhide()">
                <ion-icon slot="icon-only" name="close-outline"></ion-icon>
            </ion-button>
    </ion-item>
    <ion-item>
        <ion-label>Three</ion-label>
            <ion-button slot="end" (click)="selfhide()">
                <ion-icon slot="icon-only" name="close-outline"></ion-icon>
            </ion-button>
    </ion-item>
</ion-list>

いずれかをクリックして、自己非表示にする必要があります。

したがって、最初のボタンをクリックすると、ion-itemそれion-itemは消えます。

これどうやってするの？