{"id":15184611,"url":"https://github.com/solodynamo/ng2-search-filter","last_synced_at":"2025-10-01T23:30:46.978Z","repository":{"id":14152162,"uuid":"76105479","full_name":"solodynamo/ng2-search-filter","owner":"solodynamo","description":"Angular 2 / Angular 4 / Angular 5 custom pipe npm module  to make a search filter on any input, 🔥 1Million+ downloads","archived":true,"fork":false,"pushed_at":"2022-07-18T19:30:14.000Z","size":789,"stargazers_count":149,"open_issues_count":37,"forks_count":40,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-01-17T19:40:35.213Z","etag":null,"topics":["angular","angular2","angular4","angular5","filter","ng2","pipe","search"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/ng2-search-filter","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/solodynamo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-12-10T10:23:07.000Z","updated_at":"2024-02-14T09:23:20.000Z","dependencies_parsed_at":"2022-07-22T11:17:22.985Z","dependency_job_id":null,"html_url":"https://github.com/solodynamo/ng2-search-filter","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/solodynamo%2Fng2-search-filter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/solodynamo%2Fng2-search-filter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/solodynamo%2Fng2-search-filter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/solodynamo%2Fng2-search-filter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/solodynamo","download_url":"https://codeload.github.com/solodynamo/ng2-search-filter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234909086,"owners_count":18905504,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular2","angular4","angular5","filter","ng2","pipe","search"],"created_at":"2024-09-27T17:21:00.821Z","updated_at":"2025-10-01T23:30:41.710Z","avatar_url":"https://github.com/solodynamo.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular 2 / Angular 4 / Angular 5 Search Filter Pipe\n\n[![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)\n[![](https://img.shields.io/badge/downloads-24K%2B-red.svg)](https://www.npmjs.com/package/ng2-search-filter)\n\n\u003e Filter search items\n\nAngular 2 filter to make custom search. Works with Angular 4 and Angular 5 too.\n\n![demo-image](http://i.imgur.com/dI5Mzvq.gif)\n\n\n\n## Install\n\n```\nnpm i ng2-search-filter --save\n```\n```\nyarn add ng2-search-filter \n```\n## Usage\n\nIn case you're using `systemjs` - see configuration [here](https://github.com/solodynamo/ng2-search-filter/blob/master/SYSTEMJS.md).\n\nImport `Ng2SearchPipeModule` to your module\n\n```typescript\nimport { NgModule } from '@angular/core';\nimport { BrowserModule  } from '@angular/platform-browser';\nimport { AppComponent } from './app';\n\nimport { Ng2SearchPipeModule } from 'ng2-search-filter';\n\n@NgModule({\n  imports: [BrowserModule, Ng2SearchPipeModule],\n  declarations: [AppComponent],\n  bootstrap: [AppComponent]\n})\nexport class AppModule {}\n```\n\nAnd use pipe in your component after declaring and initializing it in your component:\n\n```typescript\nimport { Component } from '@angular/core';\n\n@Component({\n  selector: 'example-app',\n  template: `\n    \u003cdiv\u003e\n        \u003cinput type=\"text\" [(ngModel)]=\"term\"\u003e\n        \u003cdiv *ngFor = \"let item of items |filter:term\" \u003e\n          \u003cp\u003e\n            {{item.name}}\n          \u003c/p\u003e\n        \u003c/div\u003e\n\n    \u003c/div\u003e  \n  `\n})\n\nexport class AppComponent {\n  items: string[] = [{ name: \"archie\" }, { name: \"jake\" }, { name: \"richard\" }];\n  term = '';\n}\n```\n\n## Support ng2-search-filter\n\nng2-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.\n\n## Contribute\n\nPlease do 🙂\n\n## License\n\n[MIT](https://tldrlegal.com/license/mit-license) © [Solodynamo](https://github.com/solodynamo/ng2-search-filter)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsolodynamo%2Fng2-search-filter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsolodynamo%2Fng2-search-filter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsolodynamo%2Fng2-search-filter/lists"}