Skip to content

exceptionless/ng-filters

Repository files navigation

ng-filters

Bower version Slack Status Donate

Useful filters for AngularJS

Install

bower install ng-filters --save-dev

Usage

###bytes Prints a number in a friendly byte representation

{{1536 | bytes}}
{{'1536' | bytes}}
{{1536 | bytes:2}}

Result:
1.5 kB
1.5 kB
1.50 kB

###join Joins an array into a string

{{[1, 2] | join}}
{{[1, null, 2, undefined] | join}}
{{[1, 2] | join:', '}}

Result:
1,2
1,2
1, 2

###percentage Returns a number formatted as a percentage. Numbers between 0 and 1 will be rounded up to 10th decimal place.

{{123 | percentage}}
{{null | percentage}}
{{60.0 | percentage}}
{{0 | percentage}}
{{0.000001 | percentage}}
{{100.000001 | percentage:100}}

Result:
123%
0%
60%
0%
0.1%
100%

###replace Replaces string content

{{'blake' | replace:'b':'B'}}

Result:
Blake

###reverse Reverses as string or array

{{'blake' | reverse}}
{{[1, 2] | reverse}}

Result:
ekalb
[2, 1]

###toSpacedWords Splits a single word into multiple words

{{'blake' | toSpacedWords}}
{{'blakeIsAwesome' | toSpacedWords}}

Result:
Blake
Blake Is Awesome

Acknowledgements

I used Restangular as a template for this project as no one has yet to create a project template for new projects. The bytes filter originated from Thom Seddon before some improvements were made.