/angular-pipes

Angular 2 pipes library

Primary LanguageTypeScriptMIT LicenseMIT

NPM Version Build Status

angular-pipes

angular-pipes is a pipes library for angular 2. The project is hosted as angular-pipes on npm.

rc.5 support !

Read the changelog for more information

Contribute

Read the contributing guidelines

Pipes

You can find the documentations in the docs folder.

Collections (array)

Boolean

Math

Aggregate

String

Object

Install

npm

npm install angular-pipes --save

jspm

jspm install angular-pipes=npm:angular-pipes

How to use

import { NG2_PIPES } from 'angular-pipes';

@Component({
    // ...
    pipes: [NG2_PIPES]
    // ...
}}

You can also import only one category and a string pipe.

import { NG2_BOOLEAN_PIPES, SplitPipe } from 'angular-pipes';

@Component({
    // ...
    pipes: [NG2_BOOLEAN_PIPES, SplitPipe]
    // ...
}}

But this will import all the files, you can do better by importing just the boolean files.

import { NG2_BOOLEAN_PIPES } from 'angular-pipes/pipes/boolean';
import { SplitPipe } from 'angular-pipes/pipes/string';

Same thing for the other categories.

And if you want to only include one file:

import { HeadPipe } from 'angular-pipes/pipes/src/array/head.pipe';

The boolean pipes are only in two files, the types are in types.pipe.ts and the conditions are in conditions.pipe.ts

If you only use one or two pipes, it's better to include only those two files. It will be lighter. There is no bundle available (everything in one file), this project let you bundle as you wish. But the compiled JS is available.

Tests

npm install
npm run lite

And navigate to /unit-tests.html. It may take some time for the files to transpile.

TODO: Karma

License

MIT