Firebase列表对象长度问题：Angular获取帖子评论数失败求助

嘿，这个问题我熟！你踩了Firestore一个很常见的坑——子集合并不是父文档的属性，所以你直接用post.comments根本拿不到那个评论集合，自然length就没有值了。

Firestore里，posts集合下的每个post文档，和它的comments子集合是完全分开存储的，post文档里不会自动包含comments这个字段。要获取评论数，得换个思路：

方法1：在post文档里维护评论数字段（推荐） #

这是最高效的做法，每次添加/删除评论时，同步更新post里的commentCount字段。这样直接从post文档里取数就行，不用额外查询子集合。

代码示例（AngularFire）： #

添加评论时用事务保证原子性（避免并发更新出问题）：

async addComment(postId: string, commentData: any) {
  const postRef = this.afs.doc(`posts/${postId}`);
  const commentRef = postRef.collection('comments').doc();

  // 事务：先更新评论数，再添加评论
  await this.afs.firestore.runTransaction(async (transaction) => {
    const postDoc = await transaction.get(postRef.ref);
    if (!postDoc.exists) throw new Error("帖子不存在！");
    
    const currentCount = postDoc.data()?.commentCount || 0;
    transaction.update(postRef.ref, { commentCount: currentCount + 1 });
    transaction.set(commentRef.ref, commentData);
  });
}

模板里直接用：

<ng-container *ngIf="post$ | async; let post">
  {{ post.commentCount || 0 }}
</ng-container>

方法2：实时查询子集合的长度 #

如果不想维护额外字段，可以直接查询每个post的comments子集合，获取其长度。但要注意：如果是列表里的多个帖子，每个帖子都会发起一个查询，大量数据时可能有性能和成本问题。

代码示例： #

组件里写一个获取评论数的方法：

getCommentCount(postId: string): Observable<number> {
  return this.afs.collection(`posts/${postId}/comments`).valueChanges().pipe(
    map(comments => comments.length)
  );
}

模板里使用：

<ng-container *ngIf="post$ | async; let post">
  <ng-container *ngIf="getCommentCount(post.id) | async; let count">
    {{ count }}
  </ng-container>
</ng-container>

方法3：用Firestore聚合查询count()（高效获取数量） #

Firestore官方提供了聚合查询count()，只返回集合的数量，不用拉取所有评论文档，比方法2更节省资源。

代码示例： #

getCommentCount(postId: string): Observable<number> {
  return from(this.afs.collection(`posts/${postId}/comments`).ref.count().get()).pipe(
    map(snapshot => snapshot.data().count)
  );
}

模板用法和方法2一样，这个方法适合不需要实时更新评论内容，只需要数量的场景。

内容的提问来源于stack exchange，提问作者Volodymyr Humeniuk