Mattewn99 / ngx-debounce-input

A simple Angular2+ directive that adds a debounce to your input fields 🚀

ngx-debounce-input

A simple Angular2+ directive that adds a debounce to your input fields 🚀

💡 Features

• [✔️] Delays the start of a function call
• [✔️] Checks whether the current input is sitting from previously entered value

🚀 Installation

npm i @mattewn99/ngx-debounce-input

🛠 Input Properties

Name	Type	Default Value	Description
delay	number	500	This is the time between key events before a user stops typing.

Use Example:

Add the declaration to @NgModule:

import { NgxDebounceInputModule } from '@mattewn99/ngx-debounce-input';

...

@NgModule({
  imports: [
    NgxDebounceInputModule
  ]
})

Use inside your HTML template

<input ngxDebounceInput (debounce)="search($event)" [(ngModel)]="myModel">