Как получить данные с firebase в ионном режиме

Question

Я пытаюсь показать общую стоимость в приложении, как на картинке

https://i.imgur.com/ZXxNLHJ.jpg

Я попробовал этот код и не работал со мной:

itemsRef: AngularFireList<any>;
items: Observable<any[]>;
constructor(public db: AngularFireDatabase) {
  this.itemsRef = db.list("/shoopping-list/");
  this.items = this.itemsRef.snapshotChanges().pipe(
    map(changes => 
      changes.map(c => ({ key: c.payload.key, ...c.payload.val() }))
      ));
}

HTML

<ion-list style="padding-bottom: 0px;">
  <div>
    <ion-item-sliding *ngFor="let item of items.key | async">
      <ion-item>
        <div item-start>{{ item.Total }}</div>
      </ion-item>
    </ion-item-sliding>
  </div>
</ion-list>