Получить данные из Firebase Ionic 3

Question

У меня следующая проблема:

Я хочу получить данные из базы данных 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:

Я не знаю, как работает мой код, кто-то может объяснить шаг за шагом, как это сделать? Я был бы очень признателен

И ошибка:

Answer 1

Используйте метод .valueChanges ()

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