{"id":13481320,"url":"https://github.com/a8m/ng-pipes","last_synced_at":"2025-04-09T14:06:42.047Z","repository":{"id":37692620,"uuid":"76660461","full_name":"a8m/ng-pipes","owner":"a8m","description":"Bunch of useful pipes for Angular2 (with no external dependencies!)","archived":false,"fork":false,"pushed_at":"2022-12-08T17:31:42.000Z","size":2380,"stargazers_count":116,"open_issues_count":32,"forks_count":24,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-04-02T10:45:22.742Z","etag":null,"topics":["angular","angular-filters","filter","ng-pipes","pipes"],"latest_commit_sha":null,"homepage":"https://a8m.github.io/ng-pipes/","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/a8m.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-12-16T14:37:25.000Z","updated_at":"2025-02-28T22:39:14.000Z","dependencies_parsed_at":"2023-01-25T15:01:04.247Z","dependency_job_id":null,"html_url":"https://github.com/a8m/ng-pipes","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/a8m%2Fng-pipes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/a8m%2Fng-pipes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/a8m%2Fng-pipes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/a8m%2Fng-pipes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/a8m","download_url":"https://codeload.github.com/a8m/ng-pipes/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248054227,"owners_count":21039952,"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","angular-filters","filter","ng-pipes","pipes"],"created_at":"2024-07-31T17:00:50.808Z","updated_at":"2025-04-09T14:06:42.012Z","avatar_url":"https://github.com/a8m.png","language":"TypeScript","funding_links":[],"categories":["Uncategorized","Awesome Angular [![Awesome TipeIO](https://img.shields.io/badge/Awesome%20Angular-@TipeIO-6C6AE7.svg)](https://github.com/gdi2290/awesome-angular) [![Awesome devarchy.com](https://img.shields.io/badge/Awesome%20Angular-@devarchy.com-86BDC1.svg)](https://github.com/brillout/awesome-angular-components)"],"sub_categories":["Uncategorized","Angular \u003ca id=\"angular\"\u003e\u003c/a\u003e"],"readme":"# ng-pipes \u0026nbsp; [![NPM version][npm-image]][npm-url] [![Build status][travis-image]][travis-url] [![License][license-image]][license-url] [![Join the chat at https://gitter.im/ng-pipes/Lobby](https://badges.gitter.im/ng-pipes/Lobby.svg)](https://gitter.im/ng-pipes/Lobby?utm_source=badge\u0026utm_medium=badge\u0026utm_campaign=pr-badge\u0026utm_content=badge)\n\u003e [a8m/angular-filter](https://github.com/a8m/angular-filter) for Angular (2+)\n\nFor the AngularJS version of this module, please see [angular-filter](https://github.com/a8m/angular-filter).\n\n\nInstallation\n------------\n\n```sh\nnpm install --save ng-pipes\n```\n\nor\n\n```sh\nyarn add ng-pipes\n```\n\nGet Started\n------------\nThere are 3 ways of adding __ng-pipes__ to your project:\n  1. [Import all pipes](#all)\n  2. [Import pipes by module](#mod)\n  3. [Declare specific pipes](#spe)\n\n#### \u003ca name=\"all\"\u003e\u003c/a\u003e Import all pipes\n\n```ts\nimport { NgPipesModule } from 'ng-pipes';\n\n@NgModule({\n  declarations: [\n    AppComponent\n  ],\n  imports: [\n    NgPipesModule\n  ],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\n```html\n\u003ch1\u003e\n  {{ title | reverse }}\n\u003c/h1\u003e\n```\n\n#### \u003ca name=\"mod\"\u003e\u003c/a\u003e Import pipes by module\n```ts\nimport {BooleanPipesModule, CollectionPipesModule, MathPipesModule, ObjectPipesModule, StringPipesModule} from 'ng-pipes';\n\n@NgModule({\n  declarations: [\n    AppComponent\n  ],\n  imports: [\n    BooleanPipesModule,     // imports all pipes of the boolean module\n    CollectionPipesModule,  // imports all pipes of the collection module\n    MathPipesModule,        // imports all pipes of the math module\n    ObjectPipesModule,      // imports all pipes of the object module\n    StringPipesModule       // imports all pipes of the string module\n  ],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\n```html\n\u003ch1\u003e\n  {{ title | reverse }}\n\u003c/h1\u003e\n```\n\n#### \u003ca name=\"spe\"\u003e\u003c/a\u003e Declare specific pipes \n```ts\nimport { ReversePipe, CeilPipe, ... } from 'ng-pipes';\n// ...\n\n@NgModule({\n  declarations: [\n    AppComponent, ReversePipe, CeilPipe, ...\n  ],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\n```html\n\u003ch1\u003e\n  {{ title | reverse }}\n\u003c/h1\u003e\n```\n\nContributing\n------------\n- Any contribution is appreciated.\n- If you are planning to add a new pipe (or any other feature), please open an issue before.\n- Angular [Commit Message Format](https://github.com/angular/angular/blob/master/CONTRIBUTING.md#commit) is preferred.\n\n#### Submitting a Pull Request (PR)\n1. Clone the project via:\n  ```\n  $ git clone https://github.com/a8m/ng-pipes.git\n  ```\n  \n2. Make your changes in a new git branch:\n  ```\n  $ git checkout -b my-cool-branch master\n  ```\n  \n3. Add your changes, including appropriate test cases.\n\n4. Push your branch to Github.\n\n5. Create a PR to master.\n\n\n\n\n\n[npm-image]: https://img.shields.io/npm/v/ng-pipes.svg?style=flat-square\n[npm-url]: https://npmjs.org/package/ng-pipes\n[travis-image]: https://img.shields.io/travis/a8m/ng-pipes.svg?style=flat-square\n[travis-url]: https://travis-ci.org/a8m/ng-pipes\n[license-image]: http://img.shields.io/npm/l/ng-pipes.svg?style=flat-square\n[license-url]: LICENSE\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fa8m%2Fng-pipes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fa8m%2Fng-pipes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fa8m%2Fng-pipes/lists"}