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

我已成功在我的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中的nodemodules。

在浏览器中

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

但它显示



最初，我尝试使用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中有任何方法可以做到这一点？

最佳答案

添加
declare var numeral:any
后

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