Disable caching in Angular Firestore queries

Question

I am running a firestore query to get data but the query is returning data from cached data queries earlier and then returns additional data (which was not queried earlier) in the second pass from server. Is there a way I can disable caching for firestore queries so that request goes to DB every time I query something.

this.parts$ = this.db.collection<OrderBom>('OrderBom', ref => {
      let query : firebase.firestore.Query = ref;
      query = query.where('orderPartLC', '==', this.searchValue.toLowerCase());
      return query;
    }).valueChanges();

Answer 1

Change that .valueChanges() to a .snapshotChanges() then you can apply a filter. See the example below.

I dont like changing default behavior (default configurations). I saw it's a desired behavior and the good practice is to show the data as soon as possible to the user, even if you refresh twice the screen.

I dont think is a bad practice to filter on fromCache === false when we dont have a choise. (In my case I do more requests after i receive this first one so due to promises and other async 'tasks' cache/server order is completly lost )

See this closed issue

  getChats(user : User) {
    return this.afs.collection<Chat>("chats", 
    ref => ref.where('participantsId', 'array-contains', user.id)
              .snapshotChanges()
              .pipe(filter(c=> c.payload.doc.metadata.fromCache === false)).
              .pipe(map(//probaly want to parse your object here))

  }