javascript - pipes - pipe json angular 8



Angular 2: Como você renderiza HTML de uma resposta JSON sem exibir as tags para o usuário? (1)

Em Angular2 você pode usar a vinculação de propriedade para acessar propriedades de elementos DOM, no seu caso:

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

Esta questão já tem uma resposta aqui:

Edit: um esclarecimento para quem apenas desnatado o título, a minha pergunta é sobre Angular 2 , não 1.

Eu tenho um modelo de componente que é algo como isto:

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

O objeto é algo como:

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

Em vez de renderizar o parágrafo como:

O corpo do post

exibe:

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

Como é uma tarefa tão comum, procurei por um pipe embutido como {{ post.body | safe }} {{ post.body | safe }} mas não viu um.

Existe uma maneira fácil de fazer isso funcionar? Existe uma maneira segura de fazer isso funcionar?





angular