如何在AngularFire中深度查询RTDB符合指定条件的数据？

一、客户端过滤（快速落地） #

Firebase实时数据库的查询仅支持当前节点的直接子节点，没法跨多层做服务器端筛选，所以最快的方式是先拉取目标层级的完整数据，再在客户端过滤出play == "good"的项。

修改你的数据流处理逻辑：

this.items$ = this.a_s.xc$.pipe(
  switchMap((x) => {
    // 注意路径拼接，确保是times/{x}，比如times/tuesday
    return this.db.list(`times/${x}`).valueChanges();
  }),
  map((data: any[]) => {
    // 从返回数据中提取moods数组，按示例结构取第一个元素的moods
    const moods = data[0]?.moods || [];
    // 过滤出play值为good的对象
    return moods.filter(item => item.play === 'good');
  })
);

订阅后就能直接拿到过滤结果：

this.items$.subscribe({
  next: (goodPlayItems) => {
    console.log(goodPlayItems);
  }
});

如果你的实际数据结构和示例有差异，调整map里的data处理逻辑即可。

二、调整数据库结构实现服务器端查询（更高效） #

如果数据量较大，客户端过滤会浪费带宽，建议把数据库结构改成Firebase推荐的扁平化形式，将moods从数组改为键值对：

{"times": {
  "tuesday": {
    "moods": {
      "id_1": {"play": "good"},
      "id_2": {"play": "good"},
      "id_3": {"play": "bad"},
      "id_4": {"play": "okay"},
      "id_5": {"play": "just right"}
    }
  }
}}

这样就能用AngularFire的查询API在服务器端直接筛选：

this.items$ = this.a_s.xc$.pipe(
  switchMap((x) => {
    return this.db.list(`times/${x}/moods`, ref => 
      ref.orderByChild('play').equalTo('good')
    ).valueChanges();
  })
);

这种方式服务器只返回符合条件的数据，带宽占用更低，适合大数据场景。

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