How to add thousand separating commas for numbers in angularJS?

angularjs number-formatting
Vedant Nighojkar picture Vedant Nighojkar · Mar 18, 2016 · Viewed 29.7k times · Source

I simply want to convert a string of numbers to a number which will be displayed using thousand separated commas.

var value = "123456";

I want to display "123,465" in a grid. I have looked some documentation on this but everything is about displaying it in HTML. I want to display this in a dynamic grid.

function numberRenderer (params) {
                    return new Number (params.value);
                }

I want to format the number so that I can convert that into a string for display.

Answer

jbrown picture jbrown · Mar 18, 2016

Use a filter ...

HTML usage

{{ number_expression | number : fractionSize}}

Js usage

$filter('number')(number, fractionSize)

Related questions

Format telephone and credit card numbers in AngularJS

Question one (formatting telephone number): I'm having to format a telephone number in AngularJS but there is no filter for it. Is there a way to use filter or currency to format 10 digits to (555) 555-5255? and still preserve the data …

Read More
Angular calculate percentage in the html

Angular noob here! I am trying to display a percentage value in my html as follows: <td> {{ ((myvalue/totalvalue)*100) }}%</td> It works but sometimes it gives a very long decimal which looks weird. How do i …

Read More
How to format a number value in AngularJS ui-grid cell to two decimal?

I'm using Angularjs ui-grid and using the default settings, the question is how can I format the numbers to two decimal?

Read More