Подтвердить что ты не робот

Angular 2: Как вы визуализируете HTML из ответа JSON без отображения тегов пользователю?

Изменить: разъяснение для тех, кто только снял заголовок, мой вопрос о 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 }}, но не видел его.

Есть ли простой способ заставить это работать? Есть ли безопасный способ заставить это работать?

4b9b3361

Ответ 1

В Angular2 вы можете использовать привязку свойств для доступа к свойствам элементов DOM, в вашем случае:

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