@mattewn99/ngx-debounce-input
TypeScript icon, indicating that this package has built-in type declarations

1.0.2 • Public • Published

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">

Package Sidebar

Install

npm i @mattewn99/ngx-debounce-input

Weekly Downloads

2

Version

1.0.2

License

none

Unpacked Size

96.5 kB

Total Files

23

Last publish

Collaborators

  • mattewn99