実行時に内部スタイルシート（インラインではない）を角度で追加するにはどうすればよいですか？

Question

私のAngular 4アプリでは、自分のサーバー上の特定のURLにあるJSON（部分的にCSS定義と部分的にHTMLマークアップ）にコンテンツが保存されているページがあります。だから、Angularでコンテンツをホストするシェルコンポーネントを作った。

HTMLの場合、テンプレートには<div [innerHTML]="my_html"></div>、スクリプトにはthis.my_html = this.sanitizer.bypassSecurityTrustHtml(my_html);を使用しなければなりませんでした。

はCSSのために、私はいつも<style>要素を妥協サニタイズの異なる組み合わせが、アンギュラ で

<style [innerHTML]="my_css"></style>

<style>{{my_css}}</style>

1. を試してみました。特に：
   1. この場合、テンプレートから要素を削除しますが、その要素を先頭に追加しません。要素はただ消える。
   2. この場合、テンプレートから要素を削除し、<style>{%BLOCK%}</style>のように頭に追加します。言い換えれば、要素は役に立たない。最後に

Answer 1

、私はうまく動作ngOnInit()ハンドラでjQueryの$('<style>').text(my_css).appendTo('head');を使用していたが、...角に感じることはありません。