0

Empeze a trabajar con AngularFire hace poco y estoy creando una aplicación donde despues de terminar un cuestionario de preguntas se registra un documento en firestore para posteriormente navegar a un componente que muestra todos los documentos de la coleccion. el problema parece ser que para cuando quiero obtener los documentos de la coleccion aun se siguen registrando los datos de el documento que previamente se envio a registrar y esto provoca que la funcion para obtener los documentos reciba estos cambios y vuelva a reingresar los datos al arreglo de records generando duplicados. esto no ocurre cuando agrego un setTimeOut al codigo que registra el nuevo documento.

habra alguna manera de esperar a que los datos sean registrados para posteriormente navegar al componente que los muestra?

tambien me preguntaba si pasaria lo mismo si un cliente esta registrando datos y simultaneamente otro los esta obteniendo.

boton para registrar documento y navegar al componente de records:


    if (this.countryService.questionsNumber == 0) {
          clearInterval(this.interval);
          this.firestore.setRecord(this.results.name, this.results.correctAnswers, this.countryService.difficulty);
          this.router.navigateByUrl('results', { skipLocationChange: true });
        }

firestoreService:


     recordsCollection: AngularFirestoreCollection;
      setRecord(nombre: string, asiertos: number, dificultad: string): void {
        this.recordsCollection.doc(dificultad.toLowerCase()).collection(`records_list_${dificultad.toLowerCase()}`).add({
          'nombre': nombre,
          'asiertos': asiertos,
          'dificultad': dificultad
        });
      }
      getRecords(dificulty: string) {
        return this.recordsCollection.doc(dificulty.toLowerCase()).collection(`records_list_${dificulty.toLowerCase()}`).snapshotChanges();
      }
    }

componente que renderiza los documentos de la coleccion 'records';


    ngOnInit(): void {
        this.firestoreService.getRecords(this.countryService.difficulty.toLowerCase()).subscribe((records) => {
          records.forEach((data: DocumentChangeAction<unknown>) => {
            console.log(data);
            this.records.push({
              nombre: data.payload.doc.get('nombre'),
              asiertos: data.payload.doc.get('asiertos'),
              dificultad: data.payload.doc.get('dificultad')
            });
          });
        });
        console.log(this.records);
      }

introducir la descripción de la imagen aquí

1
  • en teoría el método add es una promesa, por lo que deberías poder esperar el resultado así await this.recordsCollection.....add(, solo también se tendrá que modificar tu función setRecord para que se asíncrona. el 3 ene. 2022 a las 22:55

1 respuesta 1

0

Basto con limpiar el arreglo de records cada que se ejecutaba el metodo forEach.

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.