Display special characters from string in model using Angular JS without getting them garbled

Question

I seem to be missing something very basic, so I've simplified my code to show the issue.

In my controller I set a variable that would be a description of a product:

controller: function ($scope) {
  $scope.someProduct = "someBrand ® productName";
}

In my view I then display the product with:

product: {{someProduct}}

In the browser though this appears as "product: someBrand Â® productName"

Any idea why it is prepending the '®' with 'Â' and how to stop it from doing that?

I'm using UI Router, UI Utils and UI Bootstrap in addition to AngularJS if that information helps.

Andre Paap · Accepted Answer · 2015-02-14 15:33:02Z

2

Check if your editors saves the content at the same encoding as browser thinks the file is encoded in. Probably your editors saves the file as latin-1 (or something similar) and the browsers threats the file as UTF-8.

answered Feb 14, 2015 at 15:33

Andre Paap

7515 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

GeoffDev Over a year ago

I just forced the save as UTF-8 with notepad on the js file and it worked! I really didn't expect VS2013 to mess up my encodings! Thanks. Any idea offhand how to make VS always use UTF-8 encoding for js files?

Andre Paap Over a year ago

Editors usually pick op the platform prefered encoding, unfortunately that is latin-1 in most cases. Some editors have a general setting to override your platform encoding.

Collectives™ on Stack Overflow

Display special characters from string in model using Angular JS without getting them garbled

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related