How to remove 1000 factor commas from currency pipe in angular

Question

Is there a way to remove the commas when using Currency pipe?

<div>{{balance | currency }}</div>

Output like this - $7,885,412.00

I want like this - $7885412.00

You could chain another pipe that removes all the commatas in the currency string — , Sep 30 '20 at 07:18
Does this answer your question? [AngularJs: Replace a part of a string](https://stackoverflow.com/questions/27219097/angularjs-replace-a-part-of-a-string) — mahan, Sep 30 '20 at 08:54

score 4 · Answer 1 · answered Sep 30 '20 at 07:44

4

You can use Angular Inbuilt replace pipe.

<div> {{balance | currency | replace:',':''}}</div>

answered Sep 30 '20 at 07:44

mkHun

5,891
8
38
85

score 0 · Answer 2 · answered Sep 30 '20 at 07:46

0

So, i just made a test app that worked.

generate a pipe using cli, as that will register it for you too with:

ng g p noComma

inside the no-comma.pipe.ts

replace the transform section with:

transform(value: number): string {
    if (value !== undefined && value !== null) {
      return value.toString().replace(/,/g, '');
    } else {
      return '';
    }
  }

then in your view,

{{ balance | currency | noComma }}

answered Sep 30 '20 at 07:46

Stevep

1

1

actually i didnt know about replace pipe!, use mkHun's solution! much cleaner – Stevep Sep 30 '20 at 07:49

How to remove 1000 factor commas from currency pipe in angular

2 Answers2