Angular Currency Filter - Symbol Â added

Question

I'm using angular's currency filter and it seems to be outputting an extra symbol: Â.

The html:

{{totals.subtotal | currency}}
{{totals.tax | currency}}
{{totals.total | currency}}

The object totals:

var totals = {subtotal: 500, tax: 65, total: 565};

Output:

Â$500.00
Â$65.00
Â$565.00

Has anyone encountered this before? I'm using the latest angular 1.0.6

Update: It turns out the minification of angular caused this. When I included the non minified angular it fixed it.

This looks like and encoding issue. Make sure **all** your files, resources are transferred in the **same** encoding to the browser! (`utf8` preferred) — TheHippo, Apr 15 '13 at 14:57
No, never seen this before. Did you include any additional files with locale definitions (ngLocale module)? Could you share a plunk with a reproduce scenario? — pkozlowski.opensource, Apr 15 '13 at 14:57
@TheHippo, I am getting the same problem on 1.1.5 regardless of including a locale file. My Angular files are not minified. — Petrus Theron, Sep 05 '13 at 14:32
This is happening to me also, with minified angular 1.2.6. Very strange. — jraede, Feb 07 '14 at 17:40
I was able to solve it by replacing my /vendor/angular.js file with the pre-minified version. I think something happened with uglifyjs that was causing this. — jraede, Feb 07 '14 at 17:45
Sounds like this is solved, you should add an answer or select one :) — Resist Design, Jan 30 '15 at 15:53

score 14 · Accepted Answer · answered Jul 21 '14 at 05:55

14

Yeah confirmed that this is uglify.

If you build it with the ascii_only=true option then it seems to resolve the problem.

answered Jul 21 '14 at 05:55

Benjamin Conlan

762
1
7
13

1

I was using it via the gulp build plugin via: `gulpUglify({ output: { ascii_only: true } })`. It looks like you can call it via the command line also as an option as outlined in https://github.com/mishoo/UglifyJS 's usage section – Benjamin Conlan Jul 26 '14 at 07:33
Thanks. Works with grunt too. – TheKojuEffect Jul 26 '14 at 14:37
With `gulp-uglify`: `uglify({ 'ascii-only': true })` – jrh Aug 10 '15 at 17:54
Here is what it should look like in your Gruntfile.js: `uglify: { options: { output: { 'ascii_only': true } } }` – Jonathan May 30 '17 at 17:33

score 6 · Answer 2 · answered Aug 15 '16 at 14:49

6

Make sure you have this meta tag.

<meta charset="utf-8">

answered Aug 15 '16 at 14:49

Zach Shefska

113
1
7

score 3 · Answer 3 · answered Feb 07 '14 at 17:48

3

It seems that when you minify Angular yourself with Uglify.js, and possibly when you combine it with other scripts into one concatenated file and then minify, this issue arises. To solve it you should include the pre-minified version of Angular in your project instead of the development version. I'm not sure if the problem is due to Uglify.js or Angular, but this is how I fixed it.

answered Feb 07 '14 at 17:48

jraede

6,846
5
29
32

i use wiredep and it includes normal version as recommended by Bower – Toolkit Apr 03 '16 at 17:24

score 0 · Answer 4 · answered Apr 03 '16 at 17:31

0

Updating Uglify seems to resolve the issue together with

uglify({ 'ascii-only': true })

answered Apr 03 '16 at 17:31

Toolkit

10,779
8
59
68

score 0 · Answer 5 · edited Jul 08 '20 at 09:19

0

If you build it with the ascii_only=true option then it seems to resolve the problem.

Here is what it should look like in your Gruntfile.js:

uglify:{ 
     options: { 
         output: {'ascii_only': true } 
     }
}

edited Jul 08 '20 at 09:19

Ivan Vovk

929
14
28

answered Jul 08 '20 at 08:09

Prasanth_CV

1
1

Angular Currency Filter - Symbol Â added

5 Answers5

Linked