我如何可以使用AngularJS过滤器格式的数字有前导零？ [英] How can I use an AngularJS filter to format a number to have leading zeros?

问题描述

我查了文档

<一个href=\"http://docs-angularjs-org-dev.appspot.com/api/ng.filter:number\">http://docs-angularjs-org-dev.appspot.com/api/ng.filter:number

但它仍然没有清晰。我想是我的号码有四个数字和前导零。

But it's still not clear to me. What I would like is for my numbers to have four digits and leading zeros.

22 > 0022
1  > 0001

有人可以帮助并告诉我，如果这是可能的号码或另一种过滤器？

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

推荐答案

比方说，你在你的应用程序有一个名为模块 Mymodule中 对myApp ：

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;
        };
    });

使用您的过滤器标记：

{{myValue | numberFixedLen:4}}

这篇关于我如何可以使用AngularJS过滤器格式的数字有前导零？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！