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]
Sie das Objekt in der Konsole drucken können mit 'console.log (JSON.stringify (Ihr_Objekt))' –
@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'}} ' –
http://stackoverflow.com/questions/37431578/iteration-a-json -object-on-ngfor-in-angular-2 –