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>

希望有所帮助。