AngularFIRE Eigenschaft 'abonnieren' existiert nicht auf Typ 'AngularFireList<{}>'

Bin ich nach dieses tutorial darüber, wie eine Verbindung eckig mit FB Datenbank. Aber in minute 17:30 bin ich immer diese Fehlermeldung:

Eigenschaft 'abonnieren' existiert nicht auf Typ 'AngularFireList<{}>'

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

Mein Modell:

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

Kann nicht finden, etwas über diese Fehler. Ich bin Anfänger in eckig. Vielen Dank wenn Sie mir helfen können.

InformationsquelleAutor Diego Venâncio | 2017-10-13

  1. 17

    Ab AngularFire 5.0 werden Sie wollen, um die Verwendung eines snapshotChanges(), valueChanges<T>(), stateChanges() oder auditTrail(). Sehen 5.0 migration guide.

    Einstieg mit den meisten basic valueChanges():

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

    InformationsquelleAutor James Daniels

  2. 9

    Einer einfacheren änderung würde zu addieren valueChanges() vor .subscribe()

    db.list('/Country/countries').valueChanges().subscribe(countries => {
    this.countries = countries;
    console.log(this.countries);
});
    ich weiß wirklich nicht, warum hält google die Aktualisierung dieser in einer solchen Weise, es toke mich so lange zu tun, eine so einfache Aufgabe ( so lahm).

    InformationsquelleAutor alex

  3. 0
    import { AngularFireDatabase, AngularFireList } from 'angularfire2/database';
import { Observable } from 'rxjs';

    Import-code der 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)
  }
    Vielleicht können Sie ein bisschen eine Erklärung, warum dein Beispiel beantwortet die Frage und wie unterscheidet es sich von anderen Antworten.

    InformationsquelleAutor Mehmet Karaköse

  4. -1

    Versuchen, die nächste:

    export class AppComponent {
  countries: any[];

  constructor(db: AngularFireDatabase )
  {
      this.countries = db.list('/Country/countries').valuesChanges();
  }
}

    Und wenn Sie ein Modell haben, dann:

    export class AppComponent {
  countries: Country[];

  constructor(db: AngularFireDatabase )
  {
     this.countries = db.list<Country>('/Country/countries').valueChanges();
  }
}

    InformationsquelleAutor George Ortiz

Schreibe einen Kommentar