Editar: una aclaración para cualquiera que solo leyó el título, mi pregunta es sobre Angular 2 , no 1.
Tengo una plantilla de componente que es algo como esto:
<div>{{ post.body }}</div>El objeto es algo como:
{ "title": "Some Title", "body": "<p>The <em>post body</em>.</p>" }En lugar de representar el párrafo como:
El cuerpo de la publicación
muestra:
"<p>The <em>post body</em>.</p>"
Como es una tarea tan común, busqué una canalización integrada como {{ post.body | safe }} pero no vi ninguno.
¿Hay una manera fácil de hacer que funcione? ¿Hay una manera segura de hacer que funcione?
En Angular2 puede usar el enlace de propiedades para acceder a las propiedades de los elementos DOM, en su caso:
<div [innerHTML]="post.body"></div>