@mattewn99/ngx-debounce-input
v1.0.2
Published
A simple Angular2+ directive that adds a debounce to your input fields
Downloads
7
Maintainers
Readme
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">