AngularJS показать спасся HTML

Question

Здравствуйте учитывая, что я получаю следующий код из моего HTML с моего сервера:

&quote;<b>Demo</b>&quote; &amp;Hase&gt; 

Как я мог вынести, что, как:

«Демо»

во время демонстрационного будет «жир», есть ли способ в AngularJS? На самом деле получение демоверсии для жирного шрифта не составляет проблем с $sce и ng-bind-html, но все остальное будет по-прежнему &quote; или & вместо их несвязанного копира.

HTML исходит из функции подсветки elasticsearch с помощью escape: 'html', поэтому на самом деле мы не избегаем данных в elasticsearch и позволяем elasticsearch делать это.

Это фактически делает его работу:

function unescapeHtml(safe) { 
     return safe.replace(/&/g, '\&') // this needs to be /& ?! 
      .replace(/</g, '<') 
      .replace(/>/g, '>') 
      .replace(/"/g, '"') 
      .replace(/'/g, ''') 
      .replace(/'/g, "\'"); 
    } 

не уверен, почему жестко ... Это глупо, может быть, кто-нибудь может просветить меня. возможно, проблемы с кодировкой?

Answer 1

Вы можете добиться того, что вы хотите, создав пользовательский фильтр и неэкранированного HTML

angular.module('app', []) 
    .filter('unescape', function($sce) { 

      function unescapeHtml(safe) { 
      return safe.replace(/&/g, '&') 
       .replace(/&lt;/g, '<') 
       .replace(/&gt;/g, '>') 
       .replace(/&quot;/g, '"') 
       .replace(/&#039;/g, "'"); 
      } 

      return function(input) { 
       var unescaped = unescapeHtml(input); 
       return $sce.trustAsHtml(unescaped); 
      }; 
    }); 

И использовать это таким образом

{{ $ctrl.content | unescape }}