如何使用 Firebase 和 Ionic 3 在 HTML 中显示数据

Question

我想显示来自 Firebase 数据库的数据，但它不起作用。我正在使用 Ionic 3

我的 TypeScript 文件中的代码。

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

HTML

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

我试着做一个警报来显示问题并且它有效，但是 h4 内的显示不工作。

Answer 1

您需要全局声明 question 并使用 fat arrow function，如下所示。

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

如何使用 Firebase 和 Ionic 3 在 HTML 中显示数据

How to display data in HTML using Firebase and Ionic 3

firebase

typescript

angularfire2

ionic3

angular