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

C++ Selection Sort not Sorting Some Values of an Array

1  Asked on January 3, 2022 by steffen-brown

         

SIM serial information API level 29

1  Asked on January 3, 2022 by fturriaf

 

AJAX to fetch, get same funcionality

1  Asked on January 3, 2022 by reinaldo-ep

         

Using Sequelize CLI with the ESM package

1  Asked on January 3, 2022 by wdgelwix

   

Why is my psycopg2 not working with python3?

0  Asked on January 3, 2022 by nicole-ganung

       

Problem with even indexes in Java program

6  Asked on January 1, 2022 by iothio

 

calling String method from different class to main class

1  Asked on January 1, 2022 by chan-myae-tun

   

Re-arranging a two-way table

2  Asked on January 1, 2022

   

How to iterate through json file in Java

2  Asked on January 1, 2022 by francemadrid

   

COUNT Multiple Columns using GROUP BY – SQL

3  Asked on January 1, 2022 by barnee

       

Ask a Question

Get help from others!

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