Как визуализировать строку с тегами html в Angular 4+?

В моем угловом 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>