Debounce Example in Angular

debounce-example.ts

private subject: Subject<any> = new Subject(); // What we need to trigger the debounce. A subject to keep it simple. Declare as a variable in your component.
  
this.subject.next(null); // Triggering the debounce using the subject. Call this anywhere. You can also pass anything as value.
  
this.subject.pipe(debounceTime(5000)).subscribe(() => {  // The debounce with a 5 sec delay. Call this in a function onInit.
    this.doHttpRequest().subscribe({ // The HttpClient request method to be debounced. Use any you want.
      next: data => {
        console.log(data);
      },
      error: error => {
        console.log(error);
      }
    });
  });