AngularFire: get single object from Observable array without querying the database again

Question

I have two components that share a service. One of the components gets an entire collection from Firestore as an observable.

The second component should display all the data for a single document. However, I am not sure how I can achieve this without querying the database again.

I have tried using pipe(map(documents => documents.find(...matching logic...))) on the existing observable, but it still queries the database again.

So TL;DR: I query an entire collection, how can I get a single document from that without querying the database again?

Cache the "entire collection" response in the service (possibly using an observable). Use the cached data in the second component. — Barremian
– Barremian, Commented Jun 6, 2020 at 23:02
@NielsKersic please add the solution as an answer so others can see that the question is solved, stackoverflow.com/help/self-answer — Juancki
– Juancki, Commented Jun 8, 2020 at 8:41

Niels Kersic · Accepted Answer · 2020-06-10 10:40:06Z

3

By piping in shareReplay(1) when first retrieving the collection, subsequent requests will use a locally cached collection instead of requesting the data from the database again.

The first request will look something like this

this.angularFirestore.collection('collection')
  .valueChanges()
  .pipe( shareReplay(1) )

answered Jun 10, 2020 at 10:40

Niels Kersic

1,0482 gold badges13 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

AngularFire: get single object from Observable array without querying the database again

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related