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.
À 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();
}
}
Un changement plus simple serait d'ajouter valueChanges()
avant .subscribe()
db.list('/Country/countries').valueChanges().subscribe(countries => {
this.countries = countries;
console.log(this.countries);
});
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)
}