AnswerBun.com

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">
    <thead>
        <th>Title</th>
        <th>Price</th>
        <th></th>
    </thead> 
    <tbody>
        <tr *ngFor="let p of products$ | async">
            <td>{{ p.title }}</td>
            <td>{{ p.price }}</td>
            <td>
                <a [routerLink]="['/admin/products/', p.$key]">Edit</a>
            </td>
        </tr>
    </tbody>
</table>

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 AnswerBun.com. All rights reserved. Sites we Love: PCI Database, MenuIva, UKBizDB, Menu Kuliner, Sharing RPP, SolveDir