AngularJS muestra HTML Unicode

Tengo problemas para mostrar html unicode desde el controlador angularJS. Tengo el siguiente código JS

var mOverview = angular.module('mOverview', []); mOverview.controller('mOverviewController', function ($scope, $sce) { $scope.mData = [ { 'name': '↓'+'NASDAQ', // here the unicode is ↓ but the output is also ↓ which is supposed to be a down-arrow 'amount': '15,698.85', 'upDown': '+105.84' } ]; }); 

AQUÍ está mi HTML

 
{{md.name}} {{md.amount}} {{md.upDown}}

Intenté $ sanitize () y trustAsHtml pero no tuve éxito. ¿Cómo puedo mostrar como una “flecha” en mi html?

Buques angulares con Estricto Escape Contextual . Así que tendrías que decir explícitamente que quieres renderizar algunos caracteres como HTML.

Aviso, también he agregado ng-sanitize en los recursos externos.

Creé un nuevo filtro

 mOverview.filter('unsafe', function($sce) { return function(val) { return $sce.trustAsHtml(val); }; }); 

y lo usé a la vista de esta manera:

  

http://jsfiddle.net/9UdVY/

Evite escribir marcado HTML desde el script. Tan pronto como los datos puedan contener contenido HTML, los caracteres especiales como < y & tienen rupturas y problemas de seguridad (XSS).

El carácter al que se refieren las tags HTML es U + 2193 flecha hacia abajo. Puede consultarlo directamente en JavaScript utilizando un escape literal de cadena JS:

 'name': '\u2193NASDAQ', 

O si su página / script se guarda de manera consistente y se sirve en un formato seguro para Unicode (por ejemplo, UTF-8), entonces no necesita escaparse en absoluto:

 'name': '↓NASDAQ',