更改参考后未关闭 Firebase 数据库订阅

Question

在我的 firebase 应用程序中，会有加载更多按钮，当用户单击它时，预计会加载更多内容。我为此使用了一个侦听器，但在加载更多内容后我无法关闭。例如，当用户点击“加载更多”按钮时，将会有更多订阅，并且旧订阅也会被触发。

export class PostComponent {
  private sub: Subscription;
  private counter = 50;
  constructor(private afm: AngularFireDatabase) {}
  loadPosts() {
    this.sub = this.afm.list("posts", { query: { limitToFirst: this.counter } })
      .subscribe((posts: any[]) => this.posts = posts);
  }

  loadMore() {
    this.sub.unsubscribe();
    this.counter += 50;
    this.loadPosts();
 }
}

Answer 1

您是否尝试在加载后立即取消订阅，即在订阅回调中。

试试这个

loadPosts() {
  this.sub = this.afm.list("posts", { query: { limitToFirst: this.counter}})
     .subscribe((posts: any[]) => {
         this.posts = posts;
         this.sub.unsubscribe();
      });
}