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/