Angular + Firestore 为 Html 高效访问数据

Question

我是 Angular 和 Firestore 的新手。我正在尝试在路径中检索数组对象

Users/UMmmmqcfBlUoEjihfFQQutpDu9A3/events 

然后使用该数组对象中的每个 id 来检索路径中的特定对象

Events/id

我目前已经用当前用户的 id 查询了所有用户（返回一个用户），然后检索数组并遍历它并检索每个事件......但我不知道如何在 html 中显示它

{{ event.capacity }}、{{ event.end }} 等

任何帮助都会很棒，甚至是关于重组数据的建议。我认为 Firestore 引用可能会有所帮助，但我不确定如何使用它们。

Answer 1

在我看来，这就像它在您的 component.ts 中一样，在这种情况下，如果您只是将该结果分配给一个变量，这可能是最简单的。

例如，您可以创建一个变量：

events: any;

然后在您获取事件数据的位置将其分配给上述变量，然后您可以在 html 中引用该变量。

this.events = doc.data();

然后在你的 component.html 中你可以对数据做你想做的事：

<p>{{ event.capacity }}</p>

希望对您有所帮助。