$が適切にHTML文字列をエスケープし、再度 にシリアライズされているカスタムホワイトリスト

Question

$sanitizeサービスtells me that

（ホワイトリストから）すべての安全なトークンをサニタイズ。

私は（em、p、a、およびstrong VIZ）HTMLのさらに小さなサブセットを表示します。コアJavaScriptを変更することなくホワイトリストを$serviceに簡単に変更する方法はありますか？

Answer 1

$ delegate（前述のように）と他のライブラリを使用できます。私は自分で許可するタグを選択できるので、個人的にはsanitizeHtmlをプロジェクトに使用しています。セットアップ：

Answer 2

ソースファイルを変更しないように、$ sanitizeサービスを装飾できます。ここでは、$ sanitizeの内部で何が起こるかを記録する例を示します。不要な要素をフィルタリングするために必要な処理を行うことができます。

var app = angular.module("app", ["ngSanitize"]); 

app.config(function($provide){ 
    $provide.decorator("$sanitize", function($delegate, $log){ 
     return function(text, target){ 

      var result = $delegate(text, target); 
      $log.info("$sanitize input: " + text); 
      $log.info("$sanitize output: " + result); 

      return result; 
     }; 
    }); 
}); 

デコレータの内部では、$ delegateは$ santizeを参照しています。 $ delegate（text、target）を呼び出してから結果を返す前に、入力から必要なものをフィルタリングします。