过滤数据具有无限滚动分页/ angularfire2的Firestore

Question

我已经实现了Jeff Delaney的无限卷轴：https://angularfirebase.com/lessons/infinite-scroll-firestore-angular/显然它正在工作，但当我尝试过滤器时，我已停止工作了。我应该如何使用无限滚动来聚焦过滤器？

当我在没有这个分页的情况下尝试它时，过滤器似乎工作，即使所以我不知道这种方法是否正确。任何帮助表示赞赏。

这里有一个stackblitz：https://stackblitz.com/edit/infinite-scroll-firestore

一些代码：

component.html

<button *ngFor="let categoria of categoriasTest | async" (click)="filtrarData(categoria.nombre)" class="btn btn-outline-primary btn-sm mx-1">{{ categoria.nombre }}</button>

component.ts

filtrarData( categoria: Categoria) {
  this.avisosTest = this.fs.filterBy(categoria);
  this.selectedCategoria = categoria;
}

service.ts

filterBy(categoria: Categoria) {
  this.avisosTest = this.afs.collection('avisosTest', ref => ref.where('categoria','==', categoria )).valueChanges()
  return this.avisosTest;
};