Рендеринг HTML-контента в Ionic 3/4

view.html

<div>{{text}}</div>

Вопрос в том, что "текст" имеет HTML, который я хочу отображать как следует, но он отображает только теги HTML и текст.

Что я могу сделать для рендеринга такого контента?

Я пробовал решения с более ранней версией (Ionic 1/2) и ничего не работает с Ionic v3.

Ответы

Ответ 1

Вы должны использовать привязку атрибута innerHTML следующим образом:

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

Пожалуйста, взгляните на Angular Docs для получения дополнительной информации.

Ответ 2

если вы хотите написать это в параграфе, вы можете сделать это

<p><span [innerHTML]="htmlObject"></span></p>
<p><span>"{{title}}" is the <i>interpolated</i> title.</span></p>
<p>"<span [innerHTML]="title"></span>" is the <i>property bound</i> title.</p>

<p><img src="{{heroImageUrl}}"> is the <i>interpolated</i> image.</p>
<p><img [src]="heroImageUrl"> is the <i>property bound</i> image.</p>