# ng2-search-filter

> Angular 2/4/5 filter to make custom search

Latest version **0.5.1** (published 2019-05-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install ng2-search-filter
pnpm add ng2-search-filter
yarn add ng2-search-filter
bun add ng2-search-filter
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.5.1 |
| Published | 2019-05-22 |
| First published | 2016-12-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 30.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 146 |
| Author | solodynamo |
| Maintainers | solodynamo |
| Keywords | angular 2, angular 4, angular 5, angular2, angular4, angular5, search, filter, ng2, angular, pipe |

## Links

- npm: https://www.npmjs.com/package/ng2-search-filter
- Repository: https://github.com/solodynamo/ng2-search-filter
- Homepage: https://github.com/solodynamo/ng2-search-filter#readme
- Issues: https://github.com/solodynamo/ng2-search-filter/issues
- npm.io page: https://npm.io/package/ng2-search-filter

## Alternatives

- [byte-size](https://npm.io/package/byte-size.md) — 2.1M weekly downloads
- [speed-limiter](https://npm.io/package/speed-limiter.md) — 16.0K weekly downloads
- [@powersync/node](https://npm.io/package/@powersync/node.md) — 10.9K weekly downloads
- [@ledgerhq/coin-cardano](https://npm.io/package/@ledgerhq/coin-cardano.md) — 1.0K weekly downloads
- [@jayesol/jayeson.lib.streamfinder](https://npm.io/package/@jayesol/jayeson.lib.streamfinder.md) — 1.0K weekly downloads

## Recent versions

- 0.5.1 (latest) — 2019-05-22
- 0.5.0 — 2019-05-22
- 0.4.7 — 2018-02-14
- 0.4.6 — 2018-02-14
- 0.4.5 — 2018-02-14
- 0.4.4 — 2018-02-14
- 0.4.3 — 2018-02-14
- 0.4.2 — 2018-02-14
- 0.4.1 — 2018-02-10
- 0.4.0 — 2018-02-02
- 0.3.1 — 2017-06-04
- 0.3.0 — 2017-06-04
- 0.2.9 — 2017-05-30
- 0.2.8 — 2017-05-26
- 0.2.7 — 2017-05-26
- … 11 more at https://npm.io/package/ng2-search-filter/versions

## README

# Angular 2 / Angular 4 / Angular 5 Search Filter Pipe

[![npm version](https://img.shields.io/badge/version-0.4.0-blue.svg)](https://www.npmjs.com/package/ng2-search-filter) [![](https://david-dm.org/solodynamo/ng2-search-filter.svg)](https://www.npmjs.com/package/ng2-search-filter)
[![](https://img.shields.io/badge/downloads-24K%2B-red.svg)](https://www.npmjs.com/package/ng2-search-filter)

> Filter search items

Angular 2 filter to make custom search. Works with Angular 4 and Angular 5 too.

![demo-image](http://i.imgur.com/dI5Mzvq.gif)



## Install

```
npm i ng2-search-filter --save
```
```
yarn add ng2-search-filter 
```
## Usage

In case you're using `systemjs` - see configuration [here](https://github.com/solodynamo/ng2-search-filter/blob/master/SYSTEMJS.md).

Import `Ng2SearchPipeModule` to your module

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

import { Ng2SearchPipeModule } from 'ng2-search-filter';

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

And use pipe in your component

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

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

    </div>  
  `
})

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

## Support ng2-search-filter

ng2-search-filter 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

Please do 🙂

## License

[MIT](https://tldrlegal.com/license/mit-license) © [Solodynamo](https://github.com/solodynamo/ng2-search-filter)

---
_Source: https://npm.io/package/ng2-search-filter · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._