遍历数据库中的对象

Question

我正在用 angular 和 firebase 做项目。我从 firebase 得到一个对象，我想在 html 中显示它，但我不知道如何从数组中的对象中获取值。我如何从 firebase 遍历自动索引？

这是对 Firebase 的调用：

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

这是我的组件：

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

这是我在数组中的对象： https://imgur.com/a/7rZJx8D

Answer 1

假设 todoTasks 是一个数组，这就是您要实现的方式。

<div *ngFor="let todo of todoTasks">
  <div *ngFor="let value of todo.myMap.values()">
    {{value.attribute}}
  </div>
</div>

Answer 2

您必须将对象转换为数组，以便您像下面这样进行迭代

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

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

Angular 也有一个内置的机制来使用键值管道

强烈推荐

遍历数据库中的对象

Iterating over an object from the database

javascript

angularfire

firebase-realtime-database

angular