How to query documents using document IDs in AngularFire?

Question

I am trying to query documents based on document IDs but I am unable to get the data using

this.afs.collection<books>('books' , ref => ref.where( ref.id , 'in' , ['4L9uf4w5fqFXlU0uLbEM','bpXgEOmYqGor8uhUz2uq','tJFYPJcLMYNS8qnaUtMv'])).snapshotChanges().pipe(
            map(actions => {
            return actions.map( a => {
                const data = a.payload.doc.data();
                return {...data};
            });
        })
     );

afs is of type AngularFirestore

I don't know if above code is correct.

I tried the solution mentioned at : Query firestore database for document id by replacing ref.id with firebase.firestore.FieldPath.documentId() but I get an error :

'firebase' refers to a UMD global, but the current file is a module.

Help me in retrieving the data.

Please don't show pictures of text on Stack Overflow. It's better to copy the text into the question itself so it's easier to read and search. — Doug Stevenson
– Doug Stevenson, Commented Jan 26, 2020 at 16:15
@sachinrathod I found this in one of my projects, give it a try: import * as firebase from 'firebase/app'; — Stratubas
– Stratubas, Commented Jan 26, 2020 at 16:58
@Stratubas I referred this npmjs.com/package/angular-firebase and imported import * as firebase from 'firebase'; and it worked and yes I tried import suggested by you it is also working. Thank You. I will write answer. — Sachin Rathod
– Sachin Rathod, Commented Jan 26, 2020 at 17:08
@sachinrathod If I remember correctly, importing from 'firebase' gives a warning in the console. Check it before answering. — Stratubas
– Stratubas, Commented Jan 26, 2020 at 17:09
@Stratubas yes you are right import * as firebase from 'firebase'; gives warning. — Sachin Rathod
– Sachin Rathod, Commented Jan 26, 2020 at 17:13

Sachin Rathod · Accepted Answer · 2020-02-17 16:25:55Z

9

I could solve it by replacing ref.id with firebase.firestore.FieldPath.documentId() and importing import * as firebase from 'firebase/app';

The issue can also be solved by importing import * as firebase from 'firebase'; but as mentioned by @Stratubas in the comments section above import gives

warning in the console

So, it is advised to use import * as firebase from 'firebase/app';

And finally my code looks:

import * as firebase from 'firebase/app';

this.afs.collection<books>('books' , ref => ref.where( firebase.firestore.FieldPath.documentId() , 'in' , ['4L9uf4w5fqFXlU0uLbEM','bpXgEOmYqGor8uhUz2uq','tJFYPJcLMYNS8qnaUtMv'])).snapshotChanges().pipe(
            map(actions => {
            return actions.map( a => {
                const data = a.payload.doc.data();
                return {...data};
            });
        })
     );

edited Feb 17, 2020 at 16:25

answered Jan 26, 2020 at 17:33

Sachin Rathod

5731 gold badge11 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

KingDarBoja Over a year ago

This code helps solve queries that have security rules, +1 mate!

Sachin Rathod Over a year ago

@KingDarBoja only when you know document ID ;)

Stratubas · Accepted Answer · 2020-01-26 16:48:30Z

0

An alternative would be to add an id string property in your documents when creating them (make it equal to the actual id of the documents) and use that for querying.

edited Jan 26, 2020 at 16:48

answered Jan 26, 2020 at 16:25

Stratubas

3,0771 gold badge16 silver badges18 bronze badges

1 Comment

Sachin Rathod Over a year ago

Is it possible to retrieve data without adding id string property to document?

Collectives™ on Stack Overflow

How to query documents using document IDs in AngularFire?

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related