角2：どのように私は偽のhtml/innerhtmlに指示を適用することができます

Question

私は、サーバーからのHTML形式の応答を取得しているアプリケーションに取り組んでいます。 私はDomSanitizerのbypassSecurityTrustHtmlを使用しており、サニタイズされたhtmlをコンポーネント（）に追加しています。

私の問題は、応答内の要素のいくつかは、リンクを示すためにタグは例えば要素からbuildtすることができます含まれていることである。

<div thisIsActuallyaLink linkParam1="foo" linkParam2="bar">clickHere</div> 

私はinnerHTMLプロパティに適用されるディレクティブを作成したいですしかし、htmlが表示されている間、私の指示でコンパイルされていません...

htmlの変換がなぜサーバーサイドで行われないのか不思議な人は、レスポンスはいくつかのアプリケーションで使用され、リンクには異なる相対URL用途に応じて:-(

Answer 1

よりも、これがすべてで[innerHTML]="..."では不可能です。
実行時にコンポーネントをコンパイルして、動的HTMLのコンポーネントとディレクティブを取得できます。

詳細はHow can I use/create dynamic template to compile dynamic Component with Angular 2.0?を参照してください。

Answer 2

は、たぶんこのように、パイプを使用してみてください：

import { Pipe, PipeTransform } from '@angular/core'; 
import { DomSanitizer } from '@angular/platform-browser'; 

@Pipe({ name: 'safeHTML' }) 
export class SafeHtml implements PipeTransform { 

    constructor(private sanitizer: DomSanitizer) { } 

    transform(html: string) { 
     return this.sanitizer.bypassSecurityTrustHtml(html) 
    } 
} 

と[innerHtml]="htmlExample | safeHTML"