web-dev-qa-db-fra.com

La propriété AngularFIRE 'subscribe' n'existe pas sur le type 'AngularFireList <{}>'

Je suis ce tutoriel sur la connexion angulaire avec la base de données Firebase. Mais à la minute 17:30, je reçois cette erreur:

La propriété 'subscribe' n'existe pas sur le type 'AngularFireList <{}>'

mon 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);
      });
  }
}

Mon modele:

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

Impossible de trouver quelque chose à propos de cette erreur. Je suis débutant en angulaire. Merci si peut m'aider.

6
Diego Venâncio

À partir de AngularFire 5.0, vous souhaiterez utiliser l'un des éléments snapshotChanges(), valueChanges<T>(), stateChanges() ou auditTrail(). Voir le guide de migration 5.0 .

Commencez avec le plus élémentaire, valueChanges():

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

Un changement plus simple serait d'ajouter valueChanges() avant .subscribe()

db.list('/Country/countries').valueChanges().subscribe(countries => {
    this.countries = countries;
    console.log(this.countries);
});
9
alex
import { AngularFireDatabase, AngularFireList } from 'angularfire2/database';
import { Observable } from 'rxjs';

Importer le code le code,

 countries: Observable<any[]>;
 allCountries: any;

  constructor(db: AngularFireDatabase ) {
    this.countries = db.list('/yourpath').valueChanges();  
    this.countries.subscribe(countries => {
      this.allCountries = countries;
      console.log(this.allCountries);
    })
    console.log(this.countries)
  }
0
Mehmet Karaköse