角4サニタイズパイプは、私は、このようなパラメータとしてオブジェクトを取りモーダルサービスを有するカスタムコンポーネント

Question

ストリップ）。

<div class="modal-header"> 
    <h4 class="modal-title">{{title}}</h4> 
    <button type="button" class="close" aria-label="Close" (click)="onCancel()"> 
     <span aria-hidden="true">&times;</span> 
    </button> 
</div> 
<div class="modal-body" [innerHtml]="body | keepHtml"></div> 
<div class="modal-footer"> 
    <button (click)="onCancel()" class="btn"> 
     <span>Cancel</span> 
    </button> 
    <button (click)="onOk()" class="btn btn-primary"> 
     <span>Ok</span> 
    </button> 
</div> 

体は、これに基づいてサニタイズ管を介して渡されます。私は、体内でカスタムコンポーネントセレクタを使用しようと、それが表示されていないまでhttps://medium.com/@AAlakkad/angular-2-display-html-without-sanitizing-filtering-17499024b079

すべてが正常に動作します。私はコンソールにサニタイズエラーを表示しません。なぜこれが起こっているのか、それを修正する方法は誰でも知っていますか？

Answer 1

これはサニタイズとは関係ありません。 Angularは、このように動的にコンポーネントを作成することをサポートしていません。 Angularは、Angularアプリケーションを作成するときに、Angular固有のマークアップ用のJavaScriptコードを生成します。実行時に追加されたマークアップには、そのような影響はありません。実行時にcomponetsをコンパイルする方法については

は、それが動的なビルド時にコンパイルされたオブジェクトのタブセットとして追加されていなかったHow can I use/create dynamic template to compile dynamic Component with Angular 2.0?