How to get the key of an element in firebase with AngularFire2?

Stack Overflow Asked by Juan Esteban Rios Gonzalez on January 5, 2022

I am displaying a table of products in my Angular project, it displays just fine but the link which I want in the format /admin/products/key doesnt work. I have come to the conclussion that the p.$key isnt showing the key:

  <table class="table">
        <tr *ngFor="let p of products$ | async">
            <td>{{ p.title }}</td>
            <td>{{ p.price }}</td>
                <a [routerLink]="['/admin/products/', p.$key]">Edit</a>

p.$key value is undefined, does someone knows how to fix it?

Ps: If anyone needs to know the value of products$, it is equal to this.products$ = this.productService.getAll().valueChanges();

One Answer

Add the idField property inside of valueChanges like this:

this.productService.getAll().valueChanges({idField: '$key'});

Then the firebase id will be available within your object like this: p.$key

Also, consider using the json pipe like {{ p | json }} for development and you can see all of the values in the object in your browser.

Answered by Ben Bradshaw on January 5, 2022

Add your own answers!

Related Questions

NGINX gives 502 error from browsers but not from Postman

1  Asked on October 13, 2020 by knguyen


Python Pandas cumsum with shift of n

1  Asked on October 10, 2020 by gonzalo-polo


How to read only half a byte from a binary file at a time in C?

2  Asked on October 9, 2020 by nguyenvivian


Failed to install laravel/jetstream on laravel 8

2  Asked on October 8, 2020 by vldcndn


liquibase roll back with spring boot

1  Asked on October 7, 2020 by user1999453


How to change the order of jquery events?

0  Asked on October 2, 2020 by turqay-umudzade


How to == async axios value

0  Asked on September 30, 2020 by jessica-bulldog


Is there a way to set variable methods in Python?

1  Asked on September 30, 2020 by defarm


How to pull data from an array using SQL

1  Asked on September 29, 2020 by sarah


Ask a Question

Get help from others!

© 2023 All rights reserved. Sites we Love: PCI Database, MenuIva, UKBizDB, Menu Kuliner, Sharing RPP, SolveDir