angular - 如何在返回 onSnapshot 结果的服务中创建一个方法，然后在我的组件或 Ionic 页面中使用它？

Question

我正在使用 "ionic-angular": "3.7.1"和 Firebase Cloud Firestore。每次更新、删除或添加时，我都想将所有文档都放入 Post 集合中。我知道调用 onSnapshot 方法可以获得它，所以我在服务中定义了这个方法。

getPosts(token: string){
  const userId = this.authService.getActiveUser().uid;
  let posts = [];
  return firebase.firestore().collection("Post").onSnapshot(function(querySnapshot) {
      querySnapshot.forEach(function(doc) {
          posts.push(doc.data());
        });
        console.log("Posts: ", posts.join(", "));
        return posts;
      });
}

所以在控制台中，我可以在数组 Posts 中看到我的所有帖子，但是如果在我的组件中使用 this.post.getPosts(token) 调用此方法，我会在控制台中获得此输出:

ƒ () {
  asyncObserver.mute();
  firestoreClient.unlisten(internalListener);
}

那么，我如何在服务中创建一个返回 onSnapshot 结果的方法，然后在我的组件或 Ionic 页面中使用它？

文档

https://firebase.google.com/docs/reference/js/firebase.firestore.Query?hl=es-419

https://firebase.google.com/docs/firestore/query-data/listen?hl=es-419

Answer 1

更新:

如果您需要了解如何使用 Firestore 实现通用 service/provider，请参阅 this artcile .

旧反馈:

你需要在这里使用fat arrow函数，你在这里犯了很多错误。您可以尝试下面的代码。

  getPosts(token: string){
    const userId = this.authService.getActiveUser().uid;
    let posts = [];

     retrun firebase.firestore().collection("Post").get().then((querySnapshot)=> 
     {
       querySnapshot.forEach((doc)=> {
           posts.push(doc.data());
      });
        return posts;
     });
 }

Doc