使用Numeral.js和Aurelia在前面进行零填充

Question

我正在尝试构建一个基本的Aurelia应用程序。

假设我得到一个数据，其中id = 1。

我似乎找不到一种方法来使用Numeral.js (http://numeraljs.com/)将2个前导零填充到我的id中。

我有这样的代码：

<span>#${book.number | numberFormat:'000'}</span>

我期望得到如下输出：

#001

但我得到的只是

1

理想情况下，它应该是：

#001
#002
#003
...
#023
#024
#025
...
#135
#136
#137
etc

有没有人知道这是否可能？

Answer 1

感谢Stevies对Aurelia Gitter的评论

解决方案在formatter类中，我们可以这样做：

import numeral from 'numeral';

export class NumberFormatValueConverter {
  toView(value) {
    var output = new Intl.NumberFormat('en', {minimumIntegerDigits: 3, useGrouping: false}).format(value);
    return output;
  }
}