{"id":15007670,"url":"https://github.com/josee9988/filter-pipe-ngx","last_synced_at":"2026-03-11T23:34:08.395Z","repository":{"id":38463168,"uuid":"260164938","full_name":"Josee9988/Filter-Pipe-ngx","owner":"Josee9988","description":"𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝘂𝗻𝗶𝘃𝗲𝗿𝘀𝗮𝗹 𝗽𝗶𝗽𝗲 to 𝗳𝗶𝗹𝘁𝗲𝗿 your array of objects.✨ (accent marks and upper/lowercase ignored!) 🧨 Filter your objects with high accuracy and speed 🔥","archived":false,"fork":false,"pushed_at":"2023-01-26T23:30:44.000Z","size":1826,"stargazers_count":10,"open_issues_count":14,"forks_count":5,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-02T08:12:01.333Z","etag":null,"topics":["angular","angular11","angular6","angular7","angular8","angularuniversal","arrayobject","deburr","filter","filter-lists","filtering","filterlist","lodash","npm","npm-module","npmjs","npmpackage","pipe","pipes","stackblitz"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/@josee9988/filter-pipe-ngx","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/Josee9988.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":"Josee9988","custom":["https://www.paypal.me/josee9988"]}},"created_at":"2020-04-30T09:12:06.000Z","updated_at":"2023-12-05T06:27:34.000Z","dependencies_parsed_at":"2023-02-15T03:01:36.496Z","dependency_job_id":null,"html_url":"https://github.com/Josee9988/Filter-Pipe-ngx","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Josee9988%2FFilter-Pipe-ngx","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Josee9988%2FFilter-Pipe-ngx/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Josee9988%2FFilter-Pipe-ngx/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Josee9988%2FFilter-Pipe-ngx/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Josee9988","download_url":"https://codeload.github.com/Josee9988/Filter-Pipe-ngx/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238960681,"owners_count":19559322,"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","angular11","angular6","angular7","angular8","angularuniversal","arrayobject","deburr","filter","filter-lists","filtering","filterlist","lodash","npm","npm-module","npmjs","npmpackage","pipe","pipes","stackblitz"],"created_at":"2024-09-24T19:13:19.354Z","updated_at":"2025-10-30T11:31:50.593Z","avatar_url":"https://github.com/Josee9988.png","language":"TypeScript","funding_links":["https://github.com/sponsors/Josee9988","https://www.paypal.me/josee9988"],"categories":[],"sub_categories":[],"readme":"# **FilterPipeNgx** for angular universal\n\n**Simple angular pipe** that allows you to filter arrays of objects and simple arrays by a given text.\n\nThis *angular universal filter pipe* is able to filter by any field in your array of objects and can even ignore the **accent marks** or **upercase/lowercase** text. \n\nOriginally filter pipe based on [solodynamo/ng2-search-filter](https://github.com/solodynamo/ng2-search-filter), please do check his project.\n\n[![Version](https://badge.fury.io/js/%40josee9988%2Ffilter-pipe-ngx.svg)](https://www.npmjs.com/package/@josee9988/filter-pipe-ngx)\n[![Downloads](https://img.shields.io/npm/dt/@josee9988/filter-pipe-ngx.svg)](https://www.npmjs.com/package/@josee9988/filter-pipe-ngx)\n[![License](https://img.shields.io/npm/l/@josee9988/filter-pipe-ngx.svg)](/LICENSE) \n[![Vulnerabilities](https://img.shields.io/snyk/vulnerabilities/npm/@josee9988/filter-pipe-ngx)](https://www.npmjs.com/package/@josee9988/filter-pipe-ngx)\n[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@josee9988/filter-pipe-ngx/1.0.0)](https://www.npmjs.com/package/@josee9988/filter-pipe-ngx)\n![Node.js CI](https://github.com/Josee9988/Filter-Pipe-ngx/workflows/Node.js%20CI/badge.svg)\n\n---\n\n# Installation\n\n1. Install the pipe to your project.\n    \n    ```bash\n    npm i @josee9988/filter-pipe-ngx --save\n   ```\n\n2. Import the pipe to your `app.module.ts`.\n\n    ```typescript\n    import {FilterModule} from '@josee9988/filter-pipe-ngx';\n    ```\n\n3. Declare and initialize the pipe to your project.\n\n    ```typescript\n    // rest of your imports here...\n    \n    @NgModule({\n      imports: [ // in the imports section\n        FilterModule, // add the pipe to your declarations\n        // rest of the code ...\n    ```\n\n---\n\n# Examples of use\n\n[\u003cimg align=\"center\" src=\"https://i.imgur.com/vi4Ii2u.gif\" alt=\"example of other web\"\u003e\n](https://stackblitz.com/edit/filter-pipe-ngx)\n\nExample of other integration in another web.\n\n## Stackblitz example\n\n[\u003cimg align=\"center\" src=\"https://i.imgur.com/s25VibI.gif\" alt=\"example of stackblitz\"\u003e\n](https://stackblitz.com/edit/filter-pipe-ngx)\n\nCheck the **[stackblitz example](https://stackblitz.com/edit/filter-pipe-ngx)** or simply click the above image!\n\n## Direct component example\n\n```typescript\nimport {Component} from '@angular/core';\n\n@Component({\n  selector: 'app-example-filter-pipe-products',\n  template: `\n\u003c!-- Input in which you will filter your products (you array) --\u003e\n\u003cinput type=\"text\" [(ngModel)]=\"searchText\"\u003e\n\n\u003c!-- Display your data and filter it by your input --\u003e\n\u003cdiv *ngFor = \"let arrayItem of yourArrayToBeFiltered | filterPipe:searchText\"\u003e\n\n    \u003c!-- Every object that matches the filter (if there is any filter) will be shown --\u003e\n  \u003cp\u003eName: {{arrayItem.name}}, Inventory: {{arrayItem.inventory}}, price: {{arrayItem.price}}\u003c/p\u003e\n\n\u003c/div\u003e`\n})\n\nexport class ExampleFilterPipeProducts {\n  yourArrayToBeFiltered: any[] = [\n   {name: 'chair', inventory: 5, price: 45.99},\n   {name: 'table', inventory: 10, price: 123.75},\n   {name: 'sofa', inventory: 2, price: 399.50},\n   {name: 'bed', inventory: 4, price: 592.12}];\n  searchText: string;\n}\n```\n\nFor deeper information about angular pipes [check the oficial documentation](https://angular.io/guide/pipes).\n\n---\n\n## Contributing\n\nThis project is actively looking for new contributors to develop new functions, maintain and improve the project. If you are interested make sure to fork the project and pull-request your improvements to be added as a contributor!\n\n---\n\n### Did you enjoyed the package? Help us raise these numbers!\n\n[![Github followers](https://img.shields.io/github/followers/Josee9988.svg?style=social)](#Contributing)\n[![Github stars](https://img.shields.io/github/stars/Josee9988/Filter-Pipe-ngx.svg?style=social)](#Contributing)\n[![Github watchers](https://img.shields.io/github/watchers/Josee9988/Filter-Pipe-ngx.svg?style=social)](#Contributing)\n[![Github forks](https://img.shields.io/github/forks/Josee9988/Filter-Pipe-ngx.svg?style=social)](#Contributing)\n[![Sponsor](https://img.shields.io/static/v1?label=Sponsor\u0026message=%E2%9D%A4\u0026logo=github-sponsors\u0026color=red\u0026style=social)](https://github.com/sponsors/Josee9988)\n\nCheck the [npm page with the package](https://www.npmjs.com/package/@josee9988/filter-pipe-ngx).\n\n---\n\n_Made with a lot of ❤️❤️ by **[@Josee9988](https://github.com/Josee9988)**_\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjosee9988%2Ffilter-pipe-ngx","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjosee9988%2Ffilter-pipe-ngx","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjosee9988%2Ffilter-pipe-ngx/lists"}