My dilemma lies in retrieving data from a Firebase DB, as I seem to be facing difficulties. Specifically, the use of the "this" operator within the snapshot function is causing issues (highlighted by
this.authState.prenom = snapshot.val().prenomIf I attempt to place this declaration outside of the function, it executes prematurely, resulting in an empty attribute. The temporary solution I resorted to was introducing a timeout delay (as shown in
setTimeout( () => this.authState.prenom = prenom,1000)All I desire is for the statement this.authState.prenom = prenom; to execute after completion of the snapshot function or find another way to access the value within this function.
Below is a snippet of my code (with all variables properly declared):
auth.service.ts Constructor content:
constructor(private afAuth: AngularFireAuth,
private db: AngularFireDatabase,
private router: Router) {
this.afAuth.authState.subscribe((auth) => {
this.authState = auth;
if(this.currentUser){
var userId = this.currentUser.uid;
var prenom: any;
var nom: any;
firebase.database().ref('/users/' + userId).on('value', function(snapshot) {
// this.authState.prenom = snapshot.val().prenom; <= Issue with "this" operator usage here
console.log(snapshot.val().prenom);
console.log(snapshot.val().nom);
prenom = snapshot.val().prenom;
nom = snapshot.val().nom;
// this.authState.nom = snapshot.val().nom; <= Concern with "this" operator
});
this.authState.prenom = prenom // <= Problem arises due to execution timing prior to snapshot function
setTimeout( () => this.authState.prenom = prenom, 1000); // <= Timeout approach that does work, yet deemed unfavorable
setTimeout( () => this.authState.nom = nom, 1000);
// console.log(this.authState.prenom);
}
}