Question

假设我具有以下Firestore结构：

"Objects": {
  "Object1": {
    "Material_Ref": <DocRef>;
  },
  "Object2": {
    "Material_Ref": <DocRef>;
  },
}

"Materials": {
  "Name": string;
  "Type": string;
}

我想通过访问每个对象的材料参考文档来监听材料的变化，我该如何实现呢？

<ul *ngIf="materials | async">
    <li *ngFor="let material of materials">
       {{ material.Name }} and {{ material.Type }}
    </li>
</ul>

编辑：上面的HTML块是我想要检索数据的方式，我问我需要在组件中做些什么才能以这种方式传递材料。由于答案与我要求的内容无关，因此我添加了此内容。

Answer 1

我认为材料应该是可观察的，并且您必须提供async管道

<ul *ngIf="materials | async">
<li *ngFor="let material of materials|async">
   {{ material.Name }} and {{ material.Type }}
</li>

Angular Firebase-从参考字段中可观察到

1 个答案: