How can I use an AngularJS filter to format a number to have leading zeros?

Question

I checked the documentation. What I would like is for my numbers to have four digits and leading zeros.

22 to 0022 1  to 0001 

Can someone help and tell me if this is possible with the number or another kind of filter?

Answer 1

No filter required, Just use an expression in your html

{{("00000"+1).slice(-6)}}      // '000001'  {{("00000"+123456).slice(-6)}} // '123456' 

Answer 2

Let's say you have a module called myModule in your app myApp:

angular.module('myApp', ['myModule']); 

Define your filter in in this module:

angular.module('myModule', [])     .filter('numberFixedLen', function () {         return function (n, len) {             var num = parseInt(n, 10);             len = parseInt(len, 10);             if (isNaN(num) || isNaN(len)) {                 return n;             }             num = ''+num;             while (num.length < len) {                 num = '0'+num;             }             return num;         };     }); 

Use your filter in markup:

{{myValue | numberFixedLen:4}}