Ionic Firebase Problem

I have the following problem:


<ion-list>
        <ion-list-header>Income</ion-list-header>
          <ion-item-sliding *ngFor="let item of shoppingItems | async">
            <ion-item>
              {{ item }}
            </ion-item>
            <ion-item-options side="right">
              <button ion-button color="danger" icon-only (click)="removeItem(id)">
                <ion-icon name="trash"></ion-icon>
              </button>
            </ion-item-options>
          </ion-item-sliding>
    </ion-list>

in ts:

removeItem(id){
  this.firebaseService.removeItem(id)
    

}

I have a firebase provider, that communicats with the server.
Yet, when i click delete on the selected item, it erases the whole list.

How can i fix this?

Thank you in advance!
Astrix