AngularFIRE属性"subscribe"在类型"AngularFireList< {}>"上不存在 [英] AngularFIRE Property 'subscribe' does not exist on type 'AngularFireList<{}>'

问题描述

我正在关注 本教程 将Angle与Firebase数据库连接.但是在17:30分钟，我收到了这个错误:

I'm following this tutorial about how to connect angular with firebase database. But in minute 17:30 I'm getting this error:

类型"AngularFireList< {}>"上的属性"subscribe"不存在

我的AppComponent:

my AppComponent:

import { Component } from '@angular/core';
import {AngularFireDatabase, AngularFireDatabaseModule} from 'angularfire2/database';

import {AngularFireAuth, AngularFireAuthModule} from 'angularfire2/auth';
import { Observable } from 'rxjs/Observable';
import * as firebase from 'firebase/app';
import { Country } from './models/country';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent {
  countries: any[];

  constructor(db: AngularFireDatabase )
  {
     db.list('/Country/countries')
     .subscribe(countries => { //  <--ERROR IS HERE
      this.countries = countries;
      console.log(this.countries);
      });
  }
}

我的模特:

export class Country {
     // --ATTRIB--
     id: string;
     name: string;
     code: string;
     urlFlag: string;
}

无法找到有关此错误的任何信息.我是新手.谢谢能帮到我.

Cant find anything about this error. I'm beginner in angular. Thanks if can help me.

推荐答案

从AngularFire 5.0开始，您将要使用snapshotChanges()，valueChanges<T>()，stateChanges()或auditTrail()之一. 请参阅5.0迁移指南.

Starting in AngularFire 5.0 you'll want to use one of snapshotChanges(), valueChanges<T>(), stateChanges(), or auditTrail(). See the 5.0 migration guide.

开始使用最基本的valueChanges():

export class AppComponent {
  countries: Observable<Country[]>;
  constructor(db: AngularFireDatabase ) {
    this.countries = db.list('/Country/countries').valueChanges();
  }
}

这篇关于AngularFIRE属性"subscribe"在类型"AngularFireList&lt; {}&gt;"上不存在的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！