Attempting to display all keys and values from an Observable obtained through Angular Firebase Firestore Collection.
This is how I establish a connection to the collection and retrieve an Observable. The function is called subsequently.
verOrden : any;
blunt() {
this.afStore.collection(`Something`).valueChanges().subscribe(res => (this.verOrden = res));
}
While I can perfectly access each value by specifying the key in the template:
<ion-card *ngFor = "let item of verOrden">
<ion-card-content>
{{item.descripcion}}
</ion-card-content>
</ion-card>
Here, 'description' serves as the key within the observable.
However, my goal is to read both keys and values within the observable without individually specifying them.
I attempted the following approach, which did not yield the desired outcome:
<ion-card *ngFor = "let item of verOrden | keyvalue">
<ion-card-content>
{{item.descripcion.key}}
</ion-card-content>
</ion-card>
The intention is to display both the key and the corresponding value.