我已经实现了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;
};