Firebase / Angularfire2：firebase 中的嵌套数据节点

Question

我有一个 Firebase 数据库。一个名为 /config// 的节点，它保存用户特定的数据。我现在想用汽车列表向用户数据添加一个子树，例如 /config//cars/:

"config" : {
    "NE5AwHcxKofMPKRCAvny5Re4MtG3" : {
      "geburtstag" : "2017-06-04",
      "nachname" : Mueller",
      "cars" : {
        "-Krr2-DC1uoqCvgVJhFL" : {
          "name" : "Ford Mustang"
        },
        "-Krue4_5kJQhis-3Qg1X" : {
          "name" : "Toyota Supra"
        }
      }
    }

我创建了一个到 /config/ 的可观察绑定

this.$ref = this.database.object('/config/' + uid);
this.data = this.$ref.subscribe();

我可以访问主配置节点的数据并将其与 angular 绑定，但是 Cars 子节点上的 ngFor 不起作用。我的数据结构有误还是我需要某种映射？

html部分：

<ion-item *ngFor="let car of data.cars | async">
    {{car.name}}
 </ion-item>

Answer 1

您正在将 data 分配给您的订阅，而您应该将其分配给可观察对象：

cars: FirebaseListObservable<any[]>;
this.cars = this.database.list(`/config/${uid}/cars`);

现在您可以在 ngFor 循环中调用 async 数据：

<ion-item *ngFor="let car of cars | async">
  {{ car.name }}
</ion-item>

Firebase / Angularfire2：firebase 中的嵌套数据节点

Firebase / Angularfire2: nested data nodes in firebase

firebase

angularfire2