title: Emoji and other unicode characters not appearing correctly in Angular
body: <p>I have a web app that uses messages from Twitter, for example.</p>
  <p>A feed of JSON is used to build a list of messages, but characters such as  are displaying as question marks in a diamond. The element looks like this:</p>
  <pre><code>&lt;div class=&quot;inner-message&quot; ng-bind-html=&quot;unit.caption_text | linky:'_blank'&quot;&gt;&lt;/div&gt;           
  </code></pre>
  <p>When I view the JSON url in Firefox and Chrome, these display fine.</p>
  <p>Sample of head:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html class=&quot;wf-opensans-n4-active wf-active&quot; lang=&quot;en&quot;&gt;
  &lt;head&gt;
  &lt;meta charset=&quot;utf-8&quot;&gt;
  </code></pre>
  <p>One thing I've found while debugging: when the messages are all in an array of objects, but not part of $scope, I can add them to the page and the emoji show correctly.</p>
  <p>So I think something happens in Angular to do this. I've tried changing ng-bind-html to ng-bind, but that doesn't do it. I've tried removing ng-bind-html and using {{unit.caption_text}} inside the element, but it still breaks the unicode characters.</p>
  <p>At the moment, I need to be able to use the linky filter, to display links correctly, so ng-bind-html is necessary, but I don't believe it's the problem.</p>
  <p>Is something happening to them in javascript to break the encoding?</p>
  <p>Is there a way to make them display correctly?</p>
  <hr />
  <h2>Update</h2>
  <p>This shows icons as desired, but &quot;linky&quot; doesn't add formatting to links.</p>
  <pre><code>&lt;div class=&quot;inner-message&quot;&gt;{{unit.text}}&lt;/div&gt;
  </code></pre>
  <p><img src="https://i.stack.imgur.com/dt6nr.png" alt="enter image description here" /></p>
  <p>This shows broken characters</p>
  <pre><code>&lt;div class=&quot;inner-message&quot; ng-bind-html=&quot;unit.text | linky:'_blank'&quot;&gt;&lt;/div&gt;
  </code></pre>
  <p><img src="https://i.stack.imgur.com/d4rzR.png" alt="enter image description here" /></p>
  <hr />
  <h2>Update 2</h2>
  <p>Got there in the end, making the changes as detailed in the Pull Request, which Michael linked, to stop the characters getting messed up.</p>
  <p>I also found it helped give consistency if I added Symbola to the font stack for these messages. You can download Symbola from <a href="http://users.teilar.gr/%7Eg1951d/" rel="nofollow noreferrer">this page by George Douros</a> . I ran it through a .ttf to .woff converter to get slightly better browser support, offering two alternatives.</p>