ngx-debounce

ngx-debounce is an Angular directive that adds a debounce to your input fields.

It delays the start of a function call after every keyup -event.

Installation:

npm i ngx-debounce --save

Use Example:

Add the declaration to your @NgModule:

import {DebounceModule} from 'ngx-debounce';
 
...
 
@NgModule({
  ...
  Imports: [
    DebounceModule
  ]
  ...
})

Use directly inside your HTML templates

<input debounce [delay]="700" (func)="myDebouncedFunction()" [(ngModel)]="..." name="Debounce input">

Author

Miro Metsänheimo

Licence

This project is licensed under the MIT license. See the LICENSE file for more info.