title: Display Unicode in HTML with AngularJS?
body: <p>I am having a problem displaying Unicode in HTML from an AngularJS controller. Here is my JavaScript:</p>
  
  <pre class="lang-js prettyprint-override"><code>var mOverview = angular.module('mOverview', []);
  
  mOverview.controller('mOverviewController', function ($scope, $sce) {
    $scope.mData = [
      {
          'name': '&amp;darr;'+'NASDAQ', // here the unicode is &amp;darr; but the output is also &amp;darr; which is supposed to be a down-arrow
          'amount': '15,698.85',
          'upDown': '+105.84'
          }
      ];
  });
  </code></pre>
  
  <p>And here is my HTML:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div ng-app="mOverview"&gt;
    &lt;div ng-controller="mOverviewController"&gt;
      &lt;table&gt;
        &lt;tr&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
        &lt;/tr&gt;
        &lt;tr ng-repeat="md in mData"&gt;
          &lt;td&gt;{{md.name}}&lt;/td&gt;
          &lt;td&gt;{{md.amount}}&lt;/td&gt;
          &lt;td&gt;{{md.upDown}}&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I tried <code>$sanitise()</code> and <code>trustAsHtml</code> but without success. So, how can I display the Unicode <a href="https://www.fileformat.info/info/unicode/char/2193/index.htm" rel="nofollow noreferrer">Downwards Arrow</a> in my HTML?</p>