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

Question

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

filter.js

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

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

中引用了节点模块

在浏览器中

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

但它显示

ERROR ReferenceError: numeral is not defined at NumeralFilter.transform

最初我尝试使用 CDN 参考，它在浏览器中的工作方式与我预期的一样。但是当我在真实设备上安装应用程序时，出现错误 "numeral is not defined".

管道

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

添加

declare var numeral:any

在

之后

import {Pipe,PipeTransform,Injectable} from "@angular/core".

Answer 2

使用

将包添加到节点模块文件夹

yarn add numeral

或

npm install numeral

然后导入 Typescript 文件

import * as numeral from 'numeral';

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

How to use Numeral.js library in angular2/ionic 2 typescript app?

numeral.js

ionic2

angular-pipe

angular