Ionic 3/4でHTMLコンテンツをレンダリング

Question

view.html

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

問題は、「テキスト」には表示されるHTMLがありますが、HTMLタグとテキストのみが表示されることです。

そのようなコンテンツをレンダリングするにはどうすればよいですか？

以前のバージョン（Ionic 1/2）のソリューションを試しましたが、Ionic v3では何も動作しないようです。

Answer 1

次のようなinnerHTML属性バインディングを使用する必要があります。

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

詳細については、 Angular docs をご覧ください。

Answer 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>