Question

我想在我的页面上显示从Firebase实时数据库中检索到的项目列表。我的问题是我需要解析从Firebase收到的JSON并将其放入一个对象中，以便我可以从页面调用它。

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

网页代码：

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')
                );

}

服务代码：

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

编辑：将对象更改为可在ngFor指令中调用的数组。现在我得到了[object Object]

Answer 1

您可以在map function中执行此操作。它会将已解析的json发送到您的subscribe

尝试：

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

如何从Firebase的JSON中获取Ionic的列表数据

1 个答案: