Angular 2：タグをユーザーに表示せずにJSONレスポンスからHTMLをレンダリングする方法を教えてください。

Question

編集：タイトルを読み飛ばしただけの人のための説明、私の質問はAngular 2、1ではありません。

---

このようなコンポーネントテンプレートがあります。

<div>{{ post.body }}</div>

オブジェクトは次のようなものです。

{
    "title": "Some Title",
    "body": "<p>The <em>post body</em>.</p>"
}

段落を次のようにレンダリングする代わりに、

投稿の本文

それは表示されます：

"<p>The <em>post body</em>.</p>"

これは非常に一般的な作業なので、{{ post.body | safe }}のような組み込みのパイプを探しましたが、見つかりませんでした。

それを機能させる簡単な方法はありますか？それを機能させるための安全な方法はありますか？

Answer 1

Angular 2では、DOM要素のプロパティにアクセスするために プロパティバインディング を使用できます。

<div [innerHTML]="post.body"></div>