以特定阵列格式从Firebase检索数据

Question

我是Angular和Firebase的新手。还在努力学习绳索，所以我希望有人可以帮助我。我曾尝试查看文档和观看视频但老实说，我仍然没有得到它。

我能够使用Angular的HTTPCLIENT服务从firebase检索我的数据。但是，它采用以下格式：

{
    "test01": {
        "title": "News",
        "descr": "Amazing!"
     }
},
     "test02": {
        "title": "Panda",
        "descr": "Amazing!"
     }
}

但问题是我想使用ngFor循环浏览我的数据，以便在我的主页中显示所有标题和描述（无论id）。无论如何，我将检索到的数据重组为以下格式，以便我可以循环显示数据并按原样显示数据？

favItems = [{id: "test01", title: "News", descr: "Amazing!" }, {id: "test02", title....}]

谢谢！

Answer 1

您可以使用Object.keys - docs：

let obj = {
  "test01": {
    "title": "News",
    "descr": "Amazing!"
  },
  "test02": {
    "title": "Panda",
    "descr": "Amazing!"
  }
}

let arr = Object.keys(obj).map((k) => {
  return { ...obj[k],
    id: k
  }
})

console.log(arr)