Useful filters for AngularJS
bower install ng-filters --save-dev###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 AwesomeI 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.