So zeigen Sie Daten in HTML mit Firebase und Ionic 3 an

Question

Ich möchte Daten aus der Datenbank von Firebase anzeigen, aber es funktioniert nicht. Ich verwende Ionic 3

Code in meiner TypeScript-Datei.

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

HTLM

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

ich tryied eine Benachrichtigung zu tun, um die Frage zu zeigen, und es funktionierte, aber die Anzeige innerhalb des h4 nicht funktioniert.

Answer 1

Sie müssen question global angeben und auch fat arrow function verwenden, wie unten gezeigt.

.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>