Question

我想从Firebase显示数据库中的数据，但它无法正常工作。我正在使用Ionic 3

我的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>

我试图做一个警告来显示问题并且它有效，但是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格式显示数据

1 个答案: