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

этот вопрос уже есть ответ здесь:

Edit: разъяснение для тех, кто только пробежал название, мой вопрос о Угловое 2, а не 1.

у меня есть шаблон компонента, что-то вроде это:

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

объект что-то вроде:

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

вместо того, чтобы сделать абзац как:

The пост тела

отображается:

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

так как это такая общая задача, я искал встроенную трубу, как {{ post.body | safe }} но я не видел.

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

1 76
javascript angularjs json

1 ответ:

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

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