Angularfire2 - 如何在 Ionic 2 中过滤多个 FirebaseListObservable？

Question

我正在使用 ionic 2 开发聊天应用程序，该应用程序提供一些功能，如阻止、删除按摩等。我在阻止功能方面的问题，我正在寻找一种通过使用其他列表来过滤 firebase 列表的方法

这里是获取列表的代码

public chatList: FirebaseListObservable<any[]>;
public blockList: FirebaseListObservable<any[]>;
...
...
this.chatList = this.afd.list('/chats/',{
   query:{
      limitToLast:50
   }
});
this.blockList = this.afd.list('/blocks/');

这是这些列表树的图片 tree of chats and blocks

我尝试使用这种方式来过滤我的列表，但它不起作用

HTML

<div *ngFor="let chat of chatList | async" [hidden]="filter(chat)">

TS

filter(chat):boolean{
  this.blockList.subscribe(data => {
  data.forEach(block => {
    if(block.blockFrom==this.userService.email && block.blockTo==chat.email){
      return true;
     }
   })
 })
 return false;
}

还有其他方法可以解决我的问题吗？

Answer 1

由于我们正在使用 Observables，它们完全可以处理这个用例。

结合两个 Observable 流，并映射出过滤后的数据。 因此：

public chatList: FirebaseListObservable<any[]>;
public blockList: FirebaseListObservable<any[]>;
public filteredList: Observable<any[]>;
...
...
this.chatList = this.afd.list('/chats/',{
   query:{
      limitToLast:50
   }
});
this.blockList = this.afd.list('/blocks/');
this.filteredList = Observable.combineLatest(this.chatList, this.blockList)
  .map(([chats, blocked]) => {
    let filtered: any[];
    ... // Do filtering here

    return filtered;
  });

HTML：

<div *ngFor="let chat of filteredList | async">

不过，最佳解决方案可能是重新考虑您的 Firebase 数据结构（如果可能），这样过滤就可以在那里而不是在客户端中进行。但是上面应该可以做到。