代码之家 › 专栏 › 技术社区 › Fahad Subzwari

我不能用rxjs过滤器过滤记录?

rxjs typescript angular

Fahad Subzwari · 技术社区 · 1 年前

angular 项目,我有 rxjs filter 我无法通过它过滤记录。我的功能在这里

public getOrders(type: string, filterObj = {}, otherParams = {}): Observable<{ name: string; qt: number }[]> {
   return this.http.get(apiUrl, { params: { filter: JSON.stringify(filterObj), ...otherParams},
   })
   .pipe(map((res: any) => res.payload))
   .pipe(filter((order: any) => order.name && /\S/.test(order.name)));
}

但如果我喜欢这样,它就正常工作了。

public getOrders(type: string, filterObj = {}, otherParams = {}): Observable<{ name: string; qt: number }[]> {
   return this.http.get(apiUrl, { params: { filter: JSON.stringify(filterObj), ...otherParams},
   })
   .pipe(map((res: any) => res.payload.filter((order: any) => order.name && /\S/.test(order.name))))
}

这里怎么了?

2 回复 | 直到 1 年前

Octavian MÄrculescu 1 年前

rxjs filter 和 Array.filter .

滤器 httpClient.get )

Array.filter ,为了过滤掉数组中的某些元素,您确实需要一个方法,该方法返回一个数组,其中包含与您的过滤条件相对应的元素。因此,为了正确地完成这项工作,你可以这样写:

public getOrders(
  type: string,
  filterObj = {},
  otherParams = {}
): Observable<{ name: string; qt: number }[]> {
  return this.http
    .get(apiUrl, {
      params: { filter: JSON.stringify(filterObj), ...otherParams },
    })
    .pipe(
      map((res: any) => res.payload),
      map((orders) =>
        orders.filter((order: any) => order.name && /\S/.test(order.name))
      )
    );
}

或者干脆省略第二个 map

Antoniossss 1 年前

看起来你的有效载荷是一个 array

const arr:any = [];
if(arr.name){///whatever}

你的 filter 工作正常,你的代码写得不好。因此,正如我所写

在angular项目中,我有一个rxjs过滤器,它不能正常工作它应该这样做。

是一个大胆的声明

停止使用 any

推荐文章

Fahad Subzwari · 我不能用rxjs过滤器过滤记录?

1 年前

Fazla Elahi Md Jubayer · 在rxjs中使用管道内的两个concatmap时,如何提取订阅块内的结果

2 年前

Irakli · 我想以角度显示id相似的数据

2 年前

Akash · 当BehaviorSubject发出两次真值时,使ngOnChange被激发

6 年前

Shamshiel · 将rxjs升级到6后,类型“Observable”上不存在属性“map”

6 年前

Corey Cole Roberto Tyley · 使用RxJS 6。x WebSocketSubject客户端

6 年前

gog · 如何观察rxjs中的属性更改?

6 年前

jesdynf · 在继续之前,如何使角度拦截器延迟?

6 年前

Sean Ivins · 角度2+HttpIntercept:在返回intercept函数之前,等待来自服务器的令牌

6 年前

Kevin Kalitowski · RxJs 6:从Observable获取ConnectableObservable

6 年前