从Firebase Ionic 3检索数据

时间:2018-11-04 19:56:23

标签: angular firebase ionic-framework

我有下一个问题:

我想从Firebase数据库中检索数据,但是我不知道自己的代码有什么缺点:

这是home.ts:

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import * as firebase from 'firebase/app';
import { AngularFireDatabase, AngularFireObject, AngularFireList} 
from 'angularfire2/database';
import { Observable } from 'rxjs';
@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  viviendas: AngularFireList<any>;

  constructor(db2: AngularFireDatabase) {
    this.viviendas = db2.list('viviendas');
    console.log(this.viviendas);
  }

}

这是home.html

<ion-content padding>
<p>Prueba</p>
<li *ngFor="let vivienda of viviendas | async">
  {{ vivienda | json }}
</li>

我的Firebase数据库JSON:

enter image description here

我不知道我的代码是如何工作的,有人可以逐步解释如何做吗?,我将不胜感激

错误:

enter image description here

1 个答案:

答案 0 :(得分:0)

使用.valueChanges()方法

this.viviendas = db2.list('viviendas').valueChanges();