angular-fuse

angular-fuse (NgFuse)

NgFuse provides an Angular 2 pipe for fuzzy-searching.
This package is powered by the awesome and lightweight library Fuse.js.

Installation

npm install angular-fuse

Usage

Import NgFuseMode in app.module.ts

import { NgFuseModule } from 'angular-fuse';
@NgModule({
  imports: [
    ...
    NgFuseModule,
    ...
  ],
  ...
})

Using NgFuse within *ngFor directive

<li *ngFor="let item of (collection | ngFuse:queryString:{keys: ['name', 'email']})"></li>

Options

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
    }