Question

我目前可以使用以下代码实时更新修改后的数据。我要完成的工作是听添加的新文档，然后实时更新我的帖子。我相信它是在第8行中// //引起问题的新文档。

getPosts() {
  this.posts = [];

  let loading = this.loadingCtrl.create({
    content: "Loading Feed..."
  });

  loading.present();

  let query = firebase.firestore().collection("posts").orderBy("created", "desc").limit(this.pageSize);

  query.onSnapshot((snapshot) => {
    let changedDocs = snapshot.docChanges();

    changedDocs.forEach((change) => {

      if (change.type == "added") {
        console.log("New Message: ", change.doc.data());
        for (let i = 0; i < this.posts.length; i++) {
          // if (this.posts[i].id === change.doc.id) {
          if (change.doc.isEqual(this.posts[i])) {
            this.posts[i] = change.doc;
          }
        }
      }


      if (change.type == "modified") {
        console.log("Modified Message: ", change.doc.data());
        for (let i = 0; i < this.posts.length; i++) {
          if (this.posts[i].id == change.doc.id) {
            this.posts[i] = change.doc;
          }
        }
      }

    })
  })

query.get()
  .then((docs) => {

    docs.forEach((doc) => {
      this.posts.push(doc);
    })

    loading.dismiss();

    this.cursor = this.posts[this.posts.length - 1];

    console.log(this.posts);

  }).catch((err) => {
    console.log(err)
  })
}

Answer 1

在我看来，问题在于您正在检查this.posts[i]是否等于添加的文档，并且根据定义，您的文档不会包含在this.posts中，因为它是新文件。尚未用新数据this.posts更新过代码。

那就是说，根据您的代码，我不确定我是否还会去研究docChanges。使用docChanges的目的是当您想在文档更改时做一些非常特定的事情，例如在从数据或其他内容中删除文档时添加淡出动画。您可以简单地删除旧的帖子数组，并将新数组设置为等于您在快照侦听器中返回的文档吗？

如何从Firebase Firestore获取带有change.type ==“ added'的实时文档更新

1 个答案: