Changes made in the Firestore console do not automatically activate the snapshotChanges subscription

I'm facing an issue with subscribing to a document in Firestore using AngularFire. Even after making changes to the document through the Firestore console, I don't see any updates reflected in the pulled data, even after refreshing locally. The DocumentChangeAction.type still remains as "added" even after modifications.

Shouldn't changes made in the console trigger a "modified" action, especially for manual updates?

Thank you.

retrieveUserPosts666 (uid: string, page, lastKey, now:number, nowBefore30:number) {

        let plizt = [];

        return this.afs.collection<any>("uk", ref => {

            let query : firebase.firestore.CollectionReference | firebase.firestore.Query = ref;

            query = query.where('uid','==',uid);
            query = query.orderBy('postdate','desc');
            query = query.startAt(lastKey).limit(page);

            return query;

        }).snapshotChanges().map(x=> {

            x.forEach((post, index) => {

                plizt.push({
                    "key": post.payload.doc.id,
                    "itm": post.payload.doc.data(),
                    "city" : this.retrieveBeatifulCityName(post.payload.doc.get('city')),
                    "cut_en" : post.payload.doc.get('description_en').substring(0,100) + "..."
                })

            });
            return plizt;
        })

    }

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Improving Angular 2 Charts with Multiple Chart Updates

Looking for some help with my code. I am fetching server data using an API for monitoring purposes and have multiple charts set up. The issue is that only the first chart updates every second when I call the API, but the others do not update. Any suggestio ...

Demonstrating the transformation of child elements into parent elements through angular 6 ngFor

I have a JSON array dataset where each object may contain nested arrays. In order to display the inner nested array elements as part of the parent array using Angular's NgFor, I need to format the input like this: [{ 'id': 1, 'tit ...

Creating a generic class for third-party API requests in NestJS

I'm working on a NestJS application that involves making third-party API requests. Every function requires the same code to retrieve data, causing repetition. How can I streamline this process by creating a common class for handling GET or POST reque ...

The data type 'UserContextType' does not qualify as an array type

I am facing an issue related to context in React. I am attempting to set an object as the state. While it works fine locally, when I try to build the project, I encounter an error message stating: Type 'UserContextType' is not an array type. I a ...

What is the best way to extract and display data from an API response object in my

{ "_metadata": { "uid": "someuid" }, "reference": [ { "locale": "en-us", ... bunch of similar key:value "close_icon_size" ...

Tips on Calculating the Number of Object Properties and Presenting Each Value Individually on a Dynamic Button with Click Event Attached

When it comes to displaying dynamic data with markers on a map, everything works fine up until this point. However, I've encountered some issues that I'm currently stuck on and not sure how to proceed. Dynamic data: { "page": 2, "data" ...

Implementing Angular's Lazy loading feature can be achieved by loading a module within another module that has

In my Angular application, the main routing module successfully lazy loads modules. However, I now have a new requirement to include another component/module inside one of the lazy loaded modules. When navigating to users/id (which is working correctly), ...

Launching an Angular application from the local server

I have successfully deployed an Angular frontend on a server. It is functioning well, with three scripts: /runtime.0fad6a04e0afb2fa.js /polyfills.24f3ec2108a8e0ab.js /main.a9b28b9970fe807a.js My goal is to start this application in Firefox without ...

Add CSS properties to child elements that are not of a specific selector, while styling their descendants without any restrictions

Seeking assistance for an Angular application, but the query also pertains to CSS principles in general. In my Angular project, I have a main component containing several child components, all with standard view encapsulation. Specifically, I am looking t ...

Urgent dependency alert: calling for a necessity (sequelize) in next.js is a vital element

I'm encountering a challenge with integrating sequelize into my Next.js 13 project to connect my API routes with the database. I keep receiving errors that say "Critical dependency: the request of a dependency is an expression." import * as pg from &a ...

It is not possible to install Angular CLI on a Mac computer

My Mac computer is currently running macOS Ventura 13.1 I managed to install node (v18.12.1) & npm (8.19.2) successfully on the system. However, when I attempted to run npm install -g @angular/cli to install Angular CLI, it resulted in the following e ...

When trying to display an image from Firebase, the request went to http://localhost:4200/undefined

https://i.sstatic.net/EqNpy.pngWhen attempting to display an image stored in Firebase, I encountered an error stating GET http://localhost:4200/undefined 404 (Not Found). I attempted to resolve this issue by adding the condition *ngIf="albumImages.userIma ...

The Extended Date type is indicating that the function cannot be located

I came across this helpful gist with date extensions: https://gist.github.com/weslleih/b6e7628416a052963349494747aed659 However, when attempting to use the functions, I encountered a runtime error stating: TypeError: x.isToday is not a function I foun ...

Tips for incorporating the closeAutocomplete function into ng4-geoautocomplete

Hey there! I've incorporated the ng4-autocomplete component into my custom component and now I'm trying to figure out how to detect when the autocomplete dropdown closes. Can you help me out with implementing the "closeAutocomplete" method? Let& ...

Having trouble installing npm packages due to an error

As I attempt to install my npm packages, a frustrating error occurs. What steps should I take to resolve this issue? npm ERR! code EINVALIDTYPE npm ERR! typeerror Error: Argument #5: Expected object but got string npm ERR! typeerror at inflatableChild ...

Setting a specific time zone as the default in Flatpickr, rather than relying on the system's time zone, can be

Flatpickr relies on the Date object internally, which defaults to using the local time of the computer. I am currently using Flatpickr version 4.6.6 Is there a method to specify a specific time zone for flatpickr? ...

Troubleshooting Access-Control-Allow-Origin Problem in Laravel API and Angular 5

I am currently working with Angular 5 on the front-end and Laravel 5.6 on the backend as a REST API. My current task involves obtaining an Access Token using the following code: const url = 'http://127.0.0.1:8000/oauth/token' ; const ...

Bringing in the component's individual module

I encountered the error message in my Angular application - Can't bind to 'formGroup' since it isn't a known property of 'form' - and managed to resolve it by including the import import { AddEditModule } from './add.edit ...

What is the proper way to access the current value of a computed property from within its own computation method?

Our goal is to activate a query when a string reaches a length of 3 characters or more, and keep it activated once triggered. Leveraging the Vue 2 Composition API, we have implemented a reactive object to manage the status of queries: import { computed, de ...

How can I activate a function in one Angular 2 component from another?

I am working with two components named componentA and componentB. They are both siblings and children of componentMother. My goal is to have a button click on componentA trigger a function call on componentB. Would the best approach be using a service wi ...