NgxSearchbar

Maintained by PRAKASH THOMAS VARGHESE.

The purpose of creating this repository was to provide for a reusable component that would trigger an event only when there is a pause of 400 milliseconds and the keyword typed is distinct. This Package is ideal for live searches which will result in less network calls and better UX. This component can be used for IONIC projects as well.

ONLINE DEMO :

https://stackblitz.com/edit/angular-ad6ola

Getting Started

Install the package :

npm i ngx-searchbar --save

Import the module : import { NgxSearchbarModule } from 'ngx-searchbar';

Add NgxSearchbarModule to your root module Imports.

imports: [ BrowserModule, FormsModule,NgxSearchbarModule ]

Usage

In Your Component add the selector <ngx-search [classes]="'Your CSS Classes here'" [placeholder]="'Records'" (change)="YourFunctionHere($event)" ></ngx-search>

Input Bindings

[placeholder] : if provided will result in Search + The value you provide,

[classes] : Your CSS Classes,

Output Event Bindings

(change) : $event will provide typed keyword,

Further help

You can drop a mail at ptvx001@gmail.com.