[解決済み] Angular 4+でhtmlタグで文字列をレンダリングする方法は？[重複している]をクリックします。

質問

私のアンギュラー4アプリでは、次のような文字列があります。

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

このテキストをhtmlで出すと、次のようになります。

{{comment}}

すると、表示されます。

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

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

どうすればいいのでしょうか？

どのように解決するのですか？

ワンウェイ・フロー構文を使用する プロパティバインディング :

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

アンギュラードキュメントより : "Angularはその値を安全でないと認識し、自動的にサニタイズします。 <script> タグのような安全なコンテンツは残りますが <b> 要素."