使用AngularFire2在Angular 5应用程序中读取和更新以下格式化的Fire-base数据

Question

我正在开发一个Angular应用程序。但是我无法使用AngularFire2在我的应用程序中显示以下格式化的数据（FareDetails）。我创建了一个服务并注入了它但我无法获得任何数据。

import { Injectable } from '@angular/core';
import {AngularFireDatabase, AngularFireList} from 'angularfire2/database';
import {Fare} from './fare.model';

@Injectable()
export class FareService {

  FareList: AngularFireList<any>;

  constructor(private firebase: AngularFireDatabase) { }

  getFareData() {
    this.FareList = this.firebase.list('/FareDetails');
    return this.FareList;
  }

}

Answer 1

您需要在AngularFireList上调用valueChanges()将其转换为可观察对象。 在此Observable上，您需要订阅以获取数据。

https://stackblitz.com/edit/so001