如何在angular2 / ionic 2打字稿应用程序中使用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;
  };
})

为此,我遵循了Numeral.js的官方文档,并使用npm进行了安装。我也引用index.html中的nodemodules。

在浏览器中

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

但它显示

错误ReferenceError:在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中有任何方法可以做到这一点?

帕吉吉亚

declare var numeral:any

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在Angular 2打字稿应用程序中使用Moment.js

如何在angular.js 2.0打字稿应用程序中使用Google登录按钮?

在angular2打字稿应用程序中使用聚合物纸对话

如何使ionic 2应用程序的打字稿可选?

如何使用Ionic 2打字稿从本地JSON获取数据到HTML页面

如何在webpack中使用angular-cli在angular2应用程序中导入xml2js

如何在Ionic / Angular应用程序中使用stripe.js

如何在npm上发布angular 2打字稿库

如何在Angular 2 TypeScript应用程序中使用moment.js库?

Angular2打字稿中的第三方JS

如何在Ionic 2 + Angular 2中使用Video.js

如何在Angular / Angular2 / Angular4应用程序中导入和使用particles.js

如何在ionic2,angular2上使用* ngFor添加第n个子类

带有Ionic2打字稿的传单的用法

“没有导出成员ionicBootstrap”(ionic2打字稿)

直接从ionic2打字稿组件访问Cordova插件

Ionic2 / Angular2 / TypeScript:如何在函数2016中访问DOM元素

如何在图像Angular2 Ionic2上绘制

如何在 Angular2、Ionic2 中只显示一项

如何在Angular 2应用程序中使用打字稿显示基于其他下拉值的下拉值

如何在Ionic 2中使用angular 2服务?

我们如何在 angular2 或 4 中使用 bootstrap-sweetalert 库?

ionic 2打字稿源图未创建

在Angular2应用程序中使用element-resize-detector库

如何使用带有测试库的 jest 测试打字稿应用程序?

如何在Angular2和ionic2中同时保留组件的DOM元素和模板字符串

如何在 Ionic 2 中将 MySQL 日期时间格式化为 angular2 可用日期格式?

Angular2:如何使用pdfmake库

如何在Angular2中使用chart.js?