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

Question

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

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指令中调用的数组。现在我已经得到[对象]

Answer 1

您可以在map function中进行。它将将解析的JSON发送到您的subscribe

尝试：

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