angular - 如何根据值以 Angular 过滤 Observable 数组

Question

我请求一个网络服务并接收一个可观察对象并循环它们以构建另一个对象数组，如下所示。

export interface Seller {
  email?:String;
  isOnline?:boolean;
  name?:String;
}

Angular 分量:

sellers: Observable<Seller[]>;

constructor(firestore: AngularFirestore) {
    this.sellers = firestore.collection('sellers').valueChanges();
 }

getSllers(){
    return this.sellers;
 }

使用这些卖家 Observable im 创建一个对象数组。

getSellerDetails() {
    return this.getSllers().pipe(
        map(sellers => {
        sellers.filter(seller => seller.isOnline == true)
         return sellers.map(seller => {
            return {
                name: seller.name,
                isOnline: seller.isOnline,
                email: seller.email
            }
        });
    })); 
 }

在这里，我想过滤掉只有 isOnline 为 true 的卖家。我拥有的片段似乎不起作用。什么是最好的方法？

Answer 1

getSellerDetails() {
    return this.getSllers().pipe(
        // Filter only sellers that isOnline
        map(sellers => sellers.filter(seller => seller.isOnline == true)),
        // Map all filtered sellers to the wanted interface
        map(sellers => {
            return sellers.map(seller => {
              return {
                name: seller.name,
                isOnline: seller.isOnline,
                email: seller.email
              }
           });
        })
      )
 }