2017-11-02 12 views
0

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

<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

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

答えて

1

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

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

+0

何かどうかを確認しますか?私が尋ねる理由は、サニタイズパイプを実装する前です。**カスタムコンポーネントのサニタイズエラーが発生しました。 –

+0

ビルド時にコンパイルされたコンポーネントにサニタイズはどのように関係していますか?おそらく、あなたがしようとしていることを示すコードで新しい質問を作成する方が良いでしょう –

関連する問題