2017-03-06 3 views
0

Ich möchte eine Liste von Elementen anzeigen, die aus der Firebase-Echtzeitdatenbank auf meiner Seite abgerufen werden. Mein Problem ist, dass ich JSON, das ich von Firebase erhalte, analysieren und in ein Objekt einfügen muss, damit ich es von der Seite aus aufrufen kann.So erhalten Sie Daten als Ionics Liste von Firebase JSON

export class Item { name: string, price: number } 

Suchrufcode:

export class ItemsPage { 

private itemsList; 
private userId; 
private userFirebaseToken; 

    constructor(public navCtrl: NavController, 
      private userService: UserService) {} 



    this.userService.getItemsList(this.userId, this.userFirebaseToken) 
       .subscribe(
        items => this.itemsList = items, 
        error => console.log(error), 
       () => console.log('OK') 
       ); 

} 

Servicecode:

getItemsList(userId: string, userToken: string) { 
    return this.http.get(this.userServiceUrl + userId + '/items.json?auth='+ userToken) 
        .map((response: Response) => response); 

EDIT: Ändern Sie das Objekt in Array, das in ngFor Richtlinien aufgerufen werden können. Jetzt habe ich wurde immer [object Object]

+0

Sie das Objekt in der Konsole drucken können mit 'console.log (JSON.stringify (Ihr_Objekt))' –

+0

@suraj, ja, ich habe das JSON-Objekt, aber da es von Firebase ist, ist es wie '{'someRandomID': {'name': 'abc', 'Preis': '233'}, 'someRandomID2': {'Name': 'zxc', 'Preis': '987'}} ' –

+0

http://stackoverflow.com/questions/37431578/iteration-a-json -object-on-ngfor-in-angular-2 –

Antwort

1

Sie können es in Ihrem map function .Es wird die geparste json zu Ihrem subscribe

Try senden:

.map((response: Response) => response.json()); 
+0

Wenn ich dies tue, wird es zu Fehler gehen, und Konsolenprotokollfehlermeldung als null –

+0

Das bedeutet, Sie erhalten Null-Antwort. Sie müssen überprüfen, ob Ihre firebase api ordnungsgemäß funktioniert –

+0

tat ich tatsächlich. Ein Konsolenprotokoll auf dem Dienst gibt einen vollständigen JSON zurück, wenn ich JSON.stringify verwende. –

Verwandte Themen