1.1.0 • Published 7 years ago
ng2-debounce v1.1.0
ng2-debounce
Deboune one or more native events in a angular 2 app with a directive.
Instalation
$ npm install ng2-debounce --save
Usage
<input
type="text"
ng2-debounce
[ng2dEvent]="'keyup'"
(ng2dOnEvent)="myHandler($event)"
>
This is a list of parameters for the directive:
Examples
Debounce one event
Debounce the "keyup" event and call "myHandler" when it is done.
<input
type="text"
ng2-debounce
[ng2dEvent]="'keyup'"
(ng2dOnEvent)="myHandler($event)"
>
Debounce multiple events
Debounce "keyup" and "change" events and call "myHandler" when any of this is done.
<input
type="number"
ng2-debounce
[ng2dEvent]="['keyup', 'change']"
(ng2dOnEvent)="myHandler($event)"
>
Change the delay
Change the delay to execute "myHandler" to 1000 miliseconds. Works with multiple events.
<input
type="text"
ng2-debounce
[ng2dEvent]="'keyup'"
[ng2dDelay]="1000"
(ng2dOnEvent)="myHandler($event)"
>
License
MIT © Alva Damián