使用新的 Angular 资源 API 时消除搜索词的跳动？

Question

使用 RxJS，我们可以在执行 http 请求之前像这样消除击键。

this.query$.pipe(
    debounceTime(500),
    distinctUntilChanged(),

新的 Angular 资源 API 是否有办法在更新请求参数之前消除输入字段的反跳？

Answer 1

ATM (19.0) 没有

resource

/

rxResource

的 decouncing 支持，您必须在用户空间中构建它。今天

resource

主要是我们可以在其基础上进行构建的原语。整个获取数据的故事尚未完成。

你能做的是：

inputStr = toSignal(this.query$.pipe(
    debounceTime(500),
    distinctUntilChanged()); 

resource({
  request: this.inputStr;
  loader: (param) => { ... }
});