*ngFor in *ngFor on firebase数据库

Question

我使用的是firebase数据库和AngularFireDatabase。我无法显示*ngFor中变量的值，这个*ngFor在其他*ngFor中。

    constructor(private db: AngularFireDatabase) {
    db.list('/devices/').snapshotChanges().pipe(map(changes => { 
        return changes.map(c => ({ key: c.payload.key, ...c.payload.val() })) }))
        .subscribe(o => { this.devices = o });
  }


    <div *ngFor="let d of db.devices;">
    <h4>{{d.name}}</h4>
    <div *ngFor="let s of d.sensors;">
    <p>Sensor value: {{s.value}}</p>
    </div>
    </div>

错误错误:找不到类型为' object‘的不同支持对象'object Object’。NgFor仅支持绑定到迭代对象，如数组。

Answer 1

与任何for循环一样，*ngFor只能在Iterables上运行。出现此错误的原因是您尝试在不可迭代的对象上运行。

尝试打印对象，并查看它们是否为Iterable