javascript - 迭代数据库中的对象

Question

我正在使用 Angular 和 Firebase 做项目。我从 firebase 获取一个对象，我想在 html 中显示它，但我不知道如何从数组中的对象获取值。如何从 firebase 迭代自动索引？

这是调用 Firebase:

getListTasks() {
  return this.db.list('/Tasks').valueChanges();
}

这是我的组件:

this.taskService.getListTasks().subscribe(t => {
      this.todoTasks = t;
    });

这是我在数组中的对象: /image/npowv.jpg

Answer 1

您必须将对象转换为数组才能进行迭代，如下所示

  this.taskService.getListTasks().subscribe(tasks => {

  const tasksArray = Object.keys(tasks).map((key, index) => {
      const task = tasks[key];
      return task;
    });
    this.todoTasks = tasksArray;
  });

Angular 还有一个内置机制，可以使用键值管道来执行此操作

我强烈推荐this answer