Firestore 在 Ionic / Angular 应用程序中的功能无法按预期工作

Question

这是我的 firestore 数据库中的 User 集合：

我正在尝试使用下面的方法只返回Users where isMechanic === false:

private _mechanics = new BehaviorSubject<User[]>([]);

  get mechanics() {
    return this._mechanics.asObservable();
  }

 return of(
      firebase.firestore().collection("users").where("isMechanic", "==", "false")
        .get()
        .then((docs) => {
          const data = []
          docs.forEach((doc) => {
            data.push(doc);
          });
          this._mechanics.next(data)
          console.log('Mechanics in UsersService:', this._mechanics);
          console.log('Mechanics in UsersService:', this.mechanics);
        }).catch((err) => {
          console.log(err);
        })
    );

当前没有记录在调用此方法时，控制台会记录一个空数组。因此，即使（根据屏幕截图）isMechanic 是 false 的记录，也不会返回任何记录。

谁能告诉我这个功能需要做哪些改变才能按预期工作？

Answer 1

我刚才设法弄清楚了。

如果我将"false" 替换为false，则users 集合将按预期过滤。

更换

firebase.firestore().collection("users").where("isMechanic", "==", "false")

与

firebase.firestore().collection("users").where("isMechanic", "==", false)

仅返回 users 其中isMechanic == false

Answer 2

LoadedMechanics 是一个空数组：

那么user.isMechanic 肯定是undefined 或null

看下面的例子

let data = [
{
},
{
   IsMechanic: undefined
},
{
   IsMechanic: null
},
{
   IsMechanic: false
}
]

console.log(data)

data = data.filter(pr => pr.IsMechanic === false)

console.log(data)

filter 函数忽略了大多数情况。

现在的问题是，users 对象是什么？对我来说，它看起来像是一堆文档。 通常要从文档中获取所有属性，您必须使用 ...data() 函数。

users.map(user => ({
  id: user.id,
  ...user.data()
}))

你在 this.usersService.users observable 中这样做了吗？

--编辑

您可以更改以下代码

const data = []
docs.forEach((doc) => {
data.push(doc);
this._mechanics.next(data);
});

到

const data = docs.docs.map(doc => ({id: doc.id, ...doc.data()}));
this._mechanics.next(data);

也照docs

您应该使用文字值过滤布尔属性，而不是双引号

.where("isMechanic", "==", "false")

.where("isMechanic", "==", false)