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);
}
await this.recordsCollection.....add(
, solo también se tendrá que modificar tu funciónsetRecord
para que se asíncrona.