使用Angular Dart查询Firestore集合及遍历文档数据问题

嘿，我帮你理清楚怎么用这个package:firebase/firebase.dart包来查询并遍历Firestore集合哈～

你现在的代码是获取单个文档，要遍历整个集合的话，得针对集合做查询操作，下面分两种常见场景给你示例：

1. 一次性获取集合数据（单次查询） #

Firestore的查询都是异步操作，用async/await处理会让代码更易读：

// 记得要在async函数里使用await
Future<void> fetchCollectionData() async {
  // 获取"data"集合的完整查询快照
  QuerySnapshot querySnapshot = await firestore.collection('data').get();
  
  // 遍历集合里的每一个文档
  for (DocumentSnapshot doc in querySnapshot.docs) {
    // 取出文档数据，这里转成Map类型更方便使用
    Map<String, dynamic> docData = doc.data() as Map<String, dynamic>;
    // 还能获取文档的ID
    String docId = doc.id;
    
    // 这里可以根据需求处理数据，比如打印或者渲染到UI
    print('文档ID：$docId，内容：$docData');
  }
}

要是你习惯用then回调的写法，也可以这么写：

firestore.collection('data').get().then((QuerySnapshot querySnapshot) {
  querySnapshot.docs.forEach((DocumentSnapshot doc) {
    Map<String, dynamic> docData = doc.data() as Map<String, dynamic>;
    print('文档ID：${doc.id}，内容：$docData');
  });
}).catchError((error) {
  print('获取集合数据出错：$error');
});

2. 实时监听集合变化（自动更新数据） #

如果需要实时获取集合的更新（比如文档新增、修改、删除时自动触发），可以用onSnapshot方法：

// 监听集合变化，返回的订阅对象可以用来取消监听
StreamSubscription<QuerySnapshot> collectionSubscription = firestore.collection('data').onSnapshot(
  (QuerySnapshot querySnapshot) {
    print('集合数据更新了：');
    querySnapshot.docs.forEach((DocumentSnapshot doc) {
      Map<String, dynamic> docData = doc.data() as Map<String, dynamic>;
      print('文档ID：${doc.id}，内容：$docData');
    });
  },
  onError: (error) {
    print('监听集合出错：$error');
  }
);

// 不需要监听时记得取消订阅，避免内存泄漏
// collectionSubscription.cancel();

小补充 #

• 要是需要按条件筛选文档，比如找出age大于18的记录，可以在集合后面链式调用where：

  QuerySnapshot filteredSnapshot = await firestore.collection('data').where('age', '>', 18).get();
  

• 注意doc.data()返回的是dynamic类型，转成Map<String, dynamic>能避免很多类型相关的问题。

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