☰

Angular 4+でHTMLタグを使用して文字列をレンダリングするにはどうすればいいですか? [重複] 質問する

tag-icon • tag-icon html angular rendering
Angular 4+でHTMLタグを使用して文字列をレンダリングするにはどうすればいいですか? [重複] 質問する

私のAngular 4アプリには次のような文字列があります

comment: string;
comment = "<p><em><strong>abc</strong></em></p>";

このテキストをHTMLで提供すると、

{{comment}}

次に次のように表示されます:

<p><em><strong>abc</strong></em></p>

しかし、私は「abc」というテキストをabcのように太字と斜体で表示する必要があります。

これどうやってするの？

ベストアンサー1

一方向フロー構文プロパティバインディングを使用します:

<div [innerHTML]="comment"></div>

角度ドキュメントより: 「Angular は値を安全でないものと認識し、自動的にサニタイズします。これにより、<script>タグは削除されますが、要素などの安全なコンテンツは保持されます<b>。」

おすすめ記事