$index 中的 AngularJS 数字

2024-05-25

举例来说,我有以下代码(伪):

<div ng-repeat=range>{{ $index }}</div>

结果将是

1 2 3 4 5 6 ...

我怎样才能改变上面的代码以便打印索引

001 002 003 004 005 006? (以便索引打印为 3 位数字)


您可以使用过滤器轻松完成此操作。

首先,像这样定义它:

myModule.filter("tripleDigit", function() {
  return function(number) {
    if (number !== null && number !== undefined) {
      var str = "" + number;
      while (str.length < 3) str = "0" + str;
      return str;
    }
  };
});

然后你可以管道$index进去:

<div ng-repeat=range>{{ $index | tripleDigit }}</div>

这是定义一个名为的过滤器的示例pad这允许您传入要填充的数字作为参数:http://jsfiddle.net/BinaryMuse/64ycY/ http://jsfiddle.net/BinaryMuse/64ycY/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

$index 中的 AngularJS 数字 的相关文章

随机推荐