innerHTML

このエントリーをはてなブックマークに追加

[innerHTML]を利用すればHTMLをテンプレートに描画することができます。

このようにHTMLを変数に設定し

this.text = `これは<strong>重要</strong>です`

テンプレートに描画しようとすると

<p>{{text}}</p>

HTMLがサニタイズして表示されてしまいます。

<p>これは&lt;strong&gt;重要&lt;/strongg&gt;です</p>

テンプレートにHTMLとして描画したい場合はinnerHTMLに対して指定を行います。

<p [innerHTML]="text"></p>

登録日 : 2017年08月05日 最終更新日 : 2017年8月5日

同じカテゴリー(@angular/common)のエントリー

検索

スポンサードリンク

バージョン

リファレンス