首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在angular2 2/离子型2类型转换应用程序中使用Numeral.js库?

如何在angular2 2/离子型2类型转换应用程序中使用Numeral.js库?
EN

Stack Overflow用户
提问于 2017-06-12 07:12:11
回答 2查看 6.1K关注 0票数 5

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

filter.js

代码语言:javascript
复制
.filter('numeral', function () {
  return function (count) {
    var numericalFormat = numeral(count).format('0.0a');
    return numericalFormat;
  };
})

为此,我遵循了官方的Numeral.js博士并使用npm进行了安装。本文还对index.html中的节点解调进行了参考。

在浏览器中

代码语言:javascript
复制
<script src="node_modules/numeral/numeral.min.js"></script>

但这表明

错误ReferenceError: NumeralFilter.transform没有定义数字

最初我尝试使用CDN引用,它的工作方式与我在浏览器中所期望的一样。但是当我在真正的设备上安装这个应用程序时,我得到了一个“数字没有定义”的错误。

管道

代码语言:javascript
复制
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中有任何方法来做到这一点?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-06-12 07:24:44

添加

declare var numeral:any

之后

代码语言:javascript
复制
import {Pipe,PipeTransform,Injectable} from "@angular/core".
票数 2
EN

Stack Overflow用户

发布于 2017-06-15 08:59:52

将包添加到文件夹

代码语言:javascript
复制
yarn add numeral

代码语言:javascript
复制
npm install numeral

然后导入到类型记录文件中

import * as numeral from 'numeral';

票数 9
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44493357

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档