Angular Firebase -从参考域获取可观测性

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>

​