NgFuse provides an Angular 2 pipe for fuzzy-searching.
This package is powered by the awesome and lightweight library Fuse.js.
npm install ng2-fuse
Import NgFuseMode in app.module.ts
import { NgFuseModule } from 'ng2-fuse';
@NgModule({
imports: [
...
NgFuseModule,
...
],
...
})
Using NgFuse within *ngFor
directive
<li *ngFor="let item of (collection | ngFuse:queryString:{keys: ['name', 'email']})"></li>
NgFuse uses Fuse.js default options. For more details, see Fuse.js Official Documentation
defaults: NgFuseOptions = {
shouldSort: true,
threshold: 0.3,
location: 0,
distance: 100,
maxPatternLength: 32,
minMatchCharLength: 1,
minSearchStringLenght: 1
}