Debouncing a search term when using the new Angular Resource API?

With RxJS we could debounce keystrokes like this prior to performing an http request.

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

Does the new Angular Resource API have a way to debounce an input field prior to updating request parameters?

>Solution :

ATM (19.0) there is no debouncing support with resource/rxResource, you’ll have to build this in userland.

resource is primarly a primitive that we can build upon. The whole fetch data story isn’t complete yet.

What you could do is :

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

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