0

I am loading a list and passing it to a component to then render the information. One of the items I need is the ID. How can I see that in the list. I've seen the documentation and it does not help. It only shows the key of the parent.

this.allWorkouts = this.afDb.list<IWorkout>('/workouts')
    .valueChanges()
    .take(1)
    .map((array) => array.reverse()) as Observable<IWorkout[]>;

<ion-card *ngFor="let workout of allWorkouts | async">
    <card-workout [workout]="workout"></card-workout>
</ion-card>
Xerri
  • 4,916
  • 6
  • 45
  • 54

2 Answers2

1

In version 5.0 of AngularFire you need to use snapshotChanges() if you want to get access to the key.

valueChanges() is only for basic use cases were you only care about the JSON tree.

James Daniels
  • 6,883
  • 4
  • 24
  • 28
0

To get the key you need suscribe the observable and then print of this way: 

suscribe(snapshot => { snapshot.$key })

If you need print into a *ngFor you should use:

workout.$key
Matias Celiz
  • 322
  • 3
  • 11