使用angular 2以印度格式显示数字

时间:2018-12-20 04:45:21

标签: javascript jquery angular vuejs2 angular-pipe

我想用逗号分隔的thousandslacscrores打印数字。例如:

     10,000 - ten thousand
   1,00,000 - 1 lakh
  10,00,000 - 10 lakh
1,00,00,000 - 1 crore

我已经使用angular的数字管道实现逗号分隔的值,但是没有得到正确的输出,它显示为1,000,000 - 10 lakh,就像这样。

如何使用angular / javascript实现以上功能,或者在angular中是否有用于此的管道?

4 个答案:

答案 0 :(得分:3)

您可以使用.toLocalString()

  

toLocaleString()方法返回一个对语言敏感的字符串   此数字的表示形式。

var tenK= 10000;
var oneL = 100000;
var tenL = 1000000;
var oneCr = 10000000;
console.log(tenK.toLocaleString('en-IN'));
console.log(oneL.toLocaleString('en-IN'));
console.log(tenL.toLocaleString('en-IN'));
console.log(oneCr.toLocaleString('en-IN'));

答案 1 :(得分:2)

  

您可以使用toLocaleString()

localeString中,您需要提供语言环境,在这种情况下,您需要使用 en-IN

let num1 = 1000;
let num2 = 10000;
let num3 = 1000000;

console.log(num1.toLocaleString('en-IN'));
console.log(num2.toLocaleString('en-IN'));
console.log(num3.toLocaleString('en-IN'));

答案 2 :(得分:0)

您也可以使用Javascript这样的正则表达式来做到这一点:

var listenCol = i+1;

答案 3 :(得分:0)

我希望您以正确的方式使用管道,

但只是为了确认我们可以使用

这样的货币管道
 {{price|currency:'INR':true}}

这是货币按角度的基本语法

{{ value_expression | currency [ : currencyCode [ : display [ : digitsInfo [ : locale ] ] ] ] }}