CODEWITHSUNDEEP
angularjscurrency
Petahhh
Petahhh

Reputation: 287

Angular Currency Filter - Symbol  added

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.

Upvotes: 23

Views: 5420

Answers (5)

Prasanth_CV
Prasanth_CV

Reputation: 1

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 } 
     }
}

Upvotes: 0

Zach Shefska
Zach Shefska

Reputation: 113

Make sure you have this meta tag.

<meta charset="utf-8">

Upvotes: 6

Toolkit
Toolkit

Reputation: 11119

Updating Uglify seems to resolve the issue together with 

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

Upvotes: 0

Benjamin Conlan
Benjamin Conlan

Reputation: 772

Yeah confirmed that this is uglify.

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

Upvotes: 14

jraede
jraede

Reputation: 6896

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.

Upvotes: 3

Related Questions