Получение данных из Firebase в определенном формате массива

Question

Я новичок в Angular и Firebase. Все еще пытаюсь выучить веревки, поэтому я очень надеюсь, что кто-то может мне помочь. Я пытался просматривать документацию и смотреть видео, но, честно говоря, до сих пор не понимаю.

Мне удалось получить свои данные из базы FireBase, используя службу HTTPCLIENT от Angular. Тем не менее, это в следующем формате:

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

Но проблема в том, что я хочу использовать ngFor для циклического просмотра моих данных, чтобы он отображал все заголовки и описания (независимо от идентификатора) на моей домашней странице. Можно ли как-то реструктурировать данные, которые я извлек, в приведенный ниже формат, чтобы я мог просматривать их в цикле и отображать данные такими, как они есть?

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

Спасибо!

Answer 1

Вы можете использовать Object.keys - документы :

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)