2017-11-13 3 views
0

Unten ist mein Feuerbasis Datenbank Screenshot: enter image description hereAngular 2: Abrufen von Objekten aus Feuerbasis

Unten ist der Code in der "app.component":

import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database-deprecated"; 
import { AngularFireAuth } from 'angularfire2/auth'; 
import { Observable } from 'rxjs/Observable'; 
import * as firebase from 'firebase/app'; 

@Component .... 

items: FirebaseListObservable<any[]>; 

constructor(public af: AngularFireDatabase) { 
    this.items = af.list('/projects', { 
    query: { 
     limitToLast: 10 
    } 
    }); 
    console.log(this.items); 
} 

aber ich bin nicht die Daten bekommen . Könnte mir jemand dabei helfen?

Ich habe das angularfire2-Setup abgeschlossen und kann die Daten in die Echtzeitdatenbank schreiben. Es ist das Problem beim Abrufen der Daten von db.

Antwort

1

Sie müssen eine Subscribe-Methode in der Liste aufrufen. Als solche:

this.items = af.list('/projects').valueChanges().subscribe(items => { 
    console.log(items); 
})); 

Ich sehe, dass u eine der database-deprecated Paket verwenden. Der Code sollte so beschaffen sein:

this.firebaseList = af.list('/projects'); // This is of type FirebaseListObservable 

this.items = this.firebaseList.subscribe(items => { 
    console.log(items); 
})); // This is of type subscription. 

this.firebaseList.push({...data}); // Now you can push. 
+0

habe ich es zu: Artikel: beobachtbare ; Konstruktor (public af: AngularFireDatabase) { this.items = af.list ('/ projects'). Subscribe (Elemente => { console.log (Elemente); }); } aber es heißt, Type 'Subscription' ist nicht dem Typ 'Observable ' zuweisbar. Die Eigenschaft '_isScalar' fehlt im Typ 'Abonnement'. (Eigenschaft) AddProjectComponent.items: Observable

+0

Ich habe die Antwort behoben, jetzt sollte es funktionieren. –

+0

PERFEKT !! Es funktioniert jetzt. Aber jetzt kann ich nicht drücken: this.items.push (form.value). Es heißt: Property 'push' existiert nicht beim Typ 'Subscription'. –

Verwandte Themen