Comment afficher des données en HTML en utilisant Firebase et Ionic 3

Question

Je veux afficher une base de données à partir de Firebase, mais cela ne fonctionne pas. J'utilise Ionic 3

Code sur mon fichier TypeScript.

let questionRef= firebase.database().ref().child("Test"); 
    questionRef.on('value', function(snapshot){ 
    let question = snapshot.val(); 
    }); 

HTLM

<h4 style="text-align:center;">{{question}}</h4> 

Je tryied faire une alerte pour montrer la question et cela a fonctionné, mais l'affichage à l'intérieur du h4 ne fonctionne pas.

Answer 1

Vous devez déclarer question globalement et également utiliser fat arrow function comme indiqué ci-dessous.

.ts

question:string=""; 

constructor(){ 

let questionRef= firebase.database().ref().child("Test"); 
    questionRef.on('value', (snapshot)=>{ 
    this.question = snapshot.val(); 
    }); 

}

.html

<h4 style="text-align:center;">{{question}}</h4>