ngx-filter-keyup-events

0.1.0 • Public • Published

FilterKeyupEvents

Angular directive that recieves an event when there is no keyup input for a certain period of time.

using ng library

demo

Usage

npm install -S @swfz/ngx-filter-keyup-events

And import into your NgModule

import {NgModule} from '@angular/core';
import {FilterKeyupEventsModule} from '@swfz/ngx-filter-keyup-events';

@NgModule({
  imports: [FilterKeyupEventsModule],
})
  • your.component.html
<input
  libFilterKeyupEvents
  [intervalMs]="500"
  (filteredKeyup)="onFilteredKeyup($event)"
  type="text"
/>
  • your.component.ts
  onFilteredKeyup(event: string) {
    console.log(event);
  }

Reference

inputs

  • intervalMs
    • type: number
    • threshold for how many milliseconds of input are not fired

outputs

  • filteredKeyup
    • filtered input value

Dependencies (0)

    Dev Dependencies (0)

      Package Sidebar

      Install

      npm i ngx-filter-keyup-events

      Weekly Downloads

      0

      Version

      0.1.0

      License

      MIT

      Unpacked Size

      9.49 kB

      Total Files

      14

      Last publish

      Collaborators

      • sugawara