Angularfire - 如何使用 snapshotChanges() 应用“where”条件

Question

我对 angular 和 firebase 比较陌生，目前使用 angular/fire 在服务中检索具有以下条件的集合；

service.ts

get posts() {
  return this.afs
          .collection<Todo>('posts', ref => {
            let query:
              | firebase.firestore.CollectionReference
              | firebase.firestore.Query = ref;

            query = query.where('posted', '==', true);

            return query;
          })
          .snapshotChanges()
          .pipe(
            map(action =>
              action.map(a => {
                const data = a.payload.doc.data();
                const id = a.payload.doc.id;
                return { id, ...data };
              }),
            ),
          );
}

在组件中，我订阅 observable 以检索“已发布”字段等于 true 的帖子。以下内容按预期工作，仅记录“已发布”帖子。

component.ts

ngOnInit() {
    this.service.posts.subscribe(posts => {
      console.log(posts);
    })
}

但是，当添加“posted”字段等于false的帖子时，该帖子也被记录在控制台中。

这部分对我来说是有意义的，因为集合已更新并且组件已订阅它，从而导致更新。

但是，我的期望是，如果集合发生了变化，它仍然会应用条件并再次过滤掉。

感谢大家对新手的帮助

Answer 1

我不太了解angularfire2 和firebase，但您可以利用数组的map 运算符和filter 运算符。

试试：

ngOnInit() {
    this.service.posts.pipe(
      map(posts => posts.filter(post => post.posted)),
    ).subscribe(posts => {
      console.log(posts);
    })
}