angular - 如何在 angular2/ionic 2 typescript 应用程序中使用 Numeral.js 库？

Question

我已经成功地在我的 angularJs(1.x) 应用程序中使用 Numeral.js 库将我的数字格式化为不同的格式。这就是我使用 angular1 过滤器的方式:

过滤器.js

.filter('numeral', function () {
  return function (count) {
    var numericalFormat = numeral(count).format('0.0a');
    return numericalFormat;
  };
})

为此，我关注了官方 docs of Numeral.js并使用 npm 安装。我还在 index.html 中引用了 nodemodules。

在浏览器中

<script src="node_modules/numeral/numeral.min.js"></script>

但它显示

ERROR ReferenceError: numeral is not defined at NumeralFilter.transform

最初我尝试使用 CDN 引用，它在浏览器中的工作方式与我预期的一样。但是当我在真实设备上安装该应用程序时，出现错误“数字未定义”。

管道

import {Pipe,PipeTransform,Injectable} from "@angular/core"
@Pipe({
name:'numeralPipe'
})
@Injectable()
export class NumeralPipe implements PipeTransform{
    transform(count:any):any{ //eg: in count has value something like 52456.0
       var numericalFormat = numeral(count).format('0.0a');//error here
    return numericalFormat; // i have to format it like 52,5k
  }; 
} 

是否有任何用于格式化和操作数字的类型脚本库，或者有什么方法可以在 angular2 中执行此操作？

Answer 1

将包添加到 Node Modules 文件夹中

yarn add numeral

或

npm install numeral

然后导入Typescript文件

从 'numeral' 导入 * as numeral;