multi-search-pipe

3.0.6 • Public • Published

Angular 2 / Angular 14 / Search Filter Pipe

Filter search items

Multi-criteria search in array of objects. Separate with blank space.

Angular 2 filter to make custom search.

demo-image

Install

npm i multi-search-pipe --save
yarn add multi-search-pipe

Usage

Import MultiSearchPipeModule to your module

import { NgModule } from '@angular/core';
import { BrowserModule  } from '@angular/platform-browser';
import { AppComponent } from './app';

import { MultiSearchPipeModule } from 'multi-search-pipe';

@NgModule({
  imports: [BrowserModule, MultiSearchPipeModule],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule {}

And use pipe in your component after declaring and initializing it in your component:

import { Component } from '@angular/core';

@Component({
  selector: 'example-app',
  template: `
    <div>
        <input type="text" [(ngModel)]="term">
        <div *ngFor = "let item of items | multiSearch:term" >
          <p>
            {{item.name}}
          </p>
        </div>

    </div>  
  `
})

export class AppComponent {
  items: string[] = [{ name: "archie" }, { name: "jake" }, { name: "richard" }];
  term = '';
}

Support multi-search-pipe

multi-search-pipe is completely free and open-source. If you find it useful, you can show your support by 🌟 it or sharing it in your social network.

Contribute

Feel free to contribute ^^

License

MIT

Donation

⛽ Buy Me A Coffee !

Package Sidebar

Install

npm i multi-search-pipe

Weekly Downloads

2

Version

3.0.6

License

MIT

Unpacked Size

6.25 kB

Total Files

11

Last publish

Collaborators

  • dantsion