Угловой, удалить HTML-теги, поступающие из базы данных

Question

Из базы данных и веб-сервисов я получаю данные в виде строки, которая включает HTML-теги

для HTML

{{data[0].summary}}

Страница выглядит так

someText<p>someText</p><h1>ldkel</h1><strong>some text</strong>

Я не хочу показывать какие-либо теги на странице. Что я пробовал

<span [innerHTML]="data[0].summary"</span> // у меня не сработало

Также я пробовал JavaScript .ts

someVar = data[0].summary.replace(/<[^>]*>/g, '');

.html

 {{someVar}}, [innerHTML] = "someVar"

Answer 1

Вероятно, в вашей разметке есть ошибка, если innerHtml не работает.

Вы можете попробовать использовать дезинфицирующее средство DOM и посмотреть, решит ли это вашу проблему.

Я сделал для вас небольшой пример.

https://stackblitz.com/edit/angular-16mprd?file=src%2Fapp%2Fapp.component.ts

Answer 2

Я пробовал этот код, и он работает работает: У вас могут быть проблемы с синтаксисом, когда он не работает, попробуйте скопировать код ниже:

<div [innerHTML]="data[0].summary"></div>