javascript - $index 中的 AngularJS 数字

Question

比如说我有以下代码（伪）：

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

结果将是

1 2 3 4 5 6 ...

我该如何更改上面的代码以便打印索引

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

Answer 1

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

首先，像这样定义它：

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/