Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ssl/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何使用Firebase和Ionic 3在HTML中显示数据_Angular_Typescript_Firebase_Ionic3_Angularfire2 - Fatal编程技术网

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

Angular 如何使用Firebase和Ionic 3在HTML中显示数据,angular,typescript,firebase,ionic3,angularfire2,Angular,Typescript,Firebase,Ionic3,Angularfire2,我想显示Firebase数据库中的数据,但它不起作用。 我用的是离子3 我的打字脚本文件上的代码 let questionRef= firebase.database().ref().child("Test"); questionRef.on('value', function(snapshot){ let question = snapshot.val(); }); HTLM {{问题} 我尝试发出警报以显示问题,但h4内的显示不起作用。您需要全局声明问题,并使用胖箭头功能

我想显示Firebase数据库中的数据,但它不起作用。 我用的是离子3

我的打字脚本文件上的代码

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

{{问题}

我尝试发出警报以显示问题,但h4内的显示不起作用。

您需要全局声明
问题
,并使用
胖箭头功能,如下所示

.ts

}

.html

{{问题}

您需要全局声明
问题
,并使用
胖箭头功能
,如下所示

.ts

}

.html

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

constructor(){

let questionRef= firebase.database().ref().child("Test");
  questionRef.on('value', (snapshot)=>{
    this.question = snapshot.val();
  });
<h4 style="text-align:center;">{{question}}</h4>