迭代firebase中列表中的列表

Question

我无法获取数据以便在*ngFor中使用。第一个对象是一个列表，其子节点之一也是一个列表，我无法遍历子列表。[

＆＃13;

＆＃13;

this.afd.list(`/students/${snapshot.key}/languageGoals`).valueChanges()
  .subscribe((res) => {
    this.goals = res;
    console.log(res)
  });

＆＃13;

<div *ngFor="let goal of goals; let i = index">
  {{goal.domain}}
  <div *ngIf="goal.document">
    <div *ngFor="let a of goal.document">
      {{a.url}}
    </div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

听起来你有嵌套的收集问题。

//collection => Iterable
[{},{},...]

//object array => not Iterable
{
    "key0001": {
        "name": "alice"
    },
    "key0002": {
        "name": "bob"
    }
}

您的goal.document不是集合，而是不可迭代的对象数组。 您需要将对象数组更改为集合。

要处理此问题，请参阅此处。 Get list of list firebase