Javascript 如何使用类型脚本在angular2中对格式进行编号?
e、 g.我的金额值类似于(651156),我希望使用类型脚本自动显示类似于(6,51156),没有类型脚本运行时功能。库可以添加数字格式函数,但它始终是一个JavaScript工具 我写这篇文章是因为这个问题的框架暗示了一种误解,这种误解可能会在以后伤害你 当您想要解决这些问题时,请理解TypeScript是一种提供两种功能的语言 A.工具,如intellisense、静态错误检查、通过类型(清单和推断)验证API使用情况 B.将新的甚至预期的JavaScript特性转换为旧的JavaScript语法,以便您可以使用最新的JavaScript语言特性 它不是一个运行时,而是一组与JavaScript配合使用并增强JavaScript的补充工具Javascript 如何使用类型脚本在angular2中对格式进行编号?,javascript,angular,typescript,Javascript,Angular,Typescript,e、 g.我的金额值类似于(651156),我希望使用类型脚本自动显示类似于(6,51156),没有类型脚本运行时功能。库可以添加数字格式函数,但它始终是一个JavaScript工具 我写这篇文章是因为这个问题的框架暗示了一种误解,这种误解可能会在以后伤害你 当您想要解决这些问题时,请理解TypeScript是一种提供两种功能的语言 A.工具,如intellisense、静态错误检查、通过类型(清单和推断)验证API使用情况 B.将新的甚至预期的JavaScript特性转换为旧的JavaScri
因此,如果您需要执行一些计算,不要问如何在TypeScript中执行,而要问如何在JavaScript中执行,答案总是一样的,您将得到更多的响应。在Angular 2中,您将使用管道来执行。 不要使用@ricky link显示的纯JS函数,将其转换为管道:
//imports
@Pipe({name: 'commaSeparatedNumber'})
export class CommaSeparatedNumberPipe implements PipeTransform {
transform(value:number) : string{
return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
}
将commaSeparatedNumber添加到NgModule中的声明中,您可以像下面这样使用它
{{myNumber | commaSeparatedNumber}}
顺便说一下,对于小数,CommonModule(也包括在FormsModule和BrowserModule中)中有一个内置管道可用:java脚本或类型脚本中没有内置或预定义的方法。您可以为此创建函数。看这里。。。这里有一个关于格式编号的演示,但我不知道如何使用它。您的应用程序环境是什么..?这个问题与
jquery
或html
没有任何关系,请不要添加额外的标记,希望它能引起更多的注意。相信社会!您有一些语法错误。另外,当管道返回string
时,为什么说它返回any
?只需关闭该类型,就会推断出正确的类型,或者,如果您坚持要显式,请使用string
作为返回类型。已经有了的人就够了!另外,第二个参数是wat!也许你应该试着冷静一点。这是一个匆忙创建的示例代码,主要是为了让询问者明白他必须使用管道而进行的复制和粘贴。没有人会因为你的答案没有回答实际问题而发疯,所以也许你可以少生气。放松点,我没有投反对票或其他任何东西。我打算对任何类型的问题都开玩笑。但坦率地说,我一直都看到这个问题,人们添加了任意类型的注释,降低了代码质量,同时增加了他们必须做的工作,并破坏了语言的要点。这让我很沮丧。你格式化数字的技巧非常好。