Angular集成Firestore：如何按date字段排序获取集合数据？

你需要借助Firestore的query()和orderBy()函数实现排序，直接修改现有代码即可，具体操作如下：

1. 先确保导入所需的Firestore函数：

import { getDocs, collection, query, orderBy } from "firebase/firestore";

2. 修改数据获取逻辑，将排序规则整合到查询中：

this.core.readings = [];
// 创建带排序规则的查询：按date字段升序排列
const readingsQuery = query(collection(this.firestore, "readings"), orderBy("date"));
const querySnapshot = await getDocs(readingsQuery);
querySnapshot.forEach((doc) => {
  const data = doc.data() as any;
  this.core.readings.push(data);
});

如果需要倒序排列，只需给orderBy添加第二个参数：

const readingsQuery = query(collection(this.firestore, "readings"), orderBy("date", "desc"));

注意事项 #

• 仅按date单字段排序时，Firestore会自动生成对应索引，无需手动在控制台创建；如果后续需要多条件组合排序，才需手动配置复合索引。
• 确保集合内多数文档包含date字段，避免排序结果出现异常。

内容的提问来源于stack exchange，提问作者Moblize IT