从不同的列表中获取数据，并使用angularfire 5按键组合

Question

由于Angularfire5，我们不能再使用$key，所以我试图转换它，并找到了一个关于如何将列表更改为包含他们自己的键的列表的代码片段：

  getRankings(week): Observable<any>
  {
    return this.db.list('/ranking_day/d_' + week, ref => ref.orderByChild('position')).snapshotChanges()
    .map(rankings => {
     return rankings.map(action => ({ key: action.key, ...action.payload.val() }))
  })

现在我想从一个对象中获取一些数据。

this.db.list('/userProfile' + key)

并将其组合在一起，将可观察值返回给我的组件。

我太努力了，所以我想我遗漏了一些很明显的东西…

另外，我知道我的数据模型可以更好，但这是以后的事情。

Answer 1

看看能不能帮到你。

getDrinks(pagename: string) {

  return this.database.list<DrinkType>(`/${pagename}/drinks`).snapshotChanges().pipe(map(changes => {
      return changes.map(c => ({
         key: c.payload.key,
         drinkType: this.database.list<DrinkType>(`${pagename}/drinkType/${c.payload.key}`) .snapshotChanges().pipe(map(actions => {
               return actions.map(action => ({
               key: action.payload.key,
               ...action.payload.val()
               }))
             })
           ),
          ...c.payload.val()
       }))

     })
  )

}