如何通过 Angular 应用程序检索 Firestore 文档数据？答案

【问题标题】：How to Retrieve Firestore document data through Angular Application?如何通过 Angular 应用程序检索 Firestore 文档数据？
【发布时间】：2021-09-02 15:34:24
【问题描述】：

这里我需要检索文档数据和文档 ID 以显示相关的帖子数据。但是我没有找到更好的方法来做到这一点。请帮帮我。

public postId: string;
public posts: any = [];    

this.postService.getRecentFivePosts().subscribe((res1) => {
                console.log(res1);
            });

getRecentFivePosts() {
        return this.firestore.collection('Post', ref => ref.orderBy('date', 'desc').limit(5)).snapshotChanges();
    }

【问题讨论】：

“我没有找到更好的方法”你目前的代码有什么问题？
不知道怎么从res1中获取文档数据和id。

标签： javascript angular firebase google-cloud-firestore angularfire2

【解决方案1】：

您可以使用 Firestore 文档中的有效负载属性来获取数据，并将 doc.id 属性用于文档 ID。根据您的要求更改以下代码。

参考 - https://github.com/angular/angularfire/blob/master/docs/firestore/documents.md

this.postService.getRecentFivePosts().subscribe((res1) => {
                res1.map((k) => {
                    this.posts.push({
                        post: k.payload.doc.data(),
                        id: k.payload.doc.id
                    });
                });
            });

【讨论】：

谢谢，这段代码对我有用，我会改成我喜欢的方式。