[解決済み] Angular 2：ユーザーにタグを表示せずに、JSONレスポンスからHTMLをレンダリングする方法は？重複

質問

編集します。 タイトルをざっと読んだ人のために説明すると、私の質問は以下の通りです。 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 }} のような組み込みのパイプを探しましたが、見つかりませんでした。

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

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

Angular2では プロパティバインディング を使って、DOM要素のプロパティにアクセスすることができます。

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