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, "\'"); 
    } 

不知道爲什麼艱難......這是愚蠢的，也許有人能賜教。也許charset問題？！

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 }}