角度,删除来自数据库的HTML标记

时间:2018-11-30 20:13:54

标签: javascript angular

我从数据库和Web服务中以字符串形式获取数据,其中包括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"

2 个答案:

答案 0 :(得分:0)

我已经尝试过此代码,并且确实有效: 当它不起作用时,您可能会遇到语法问题,请尝试复制粘贴以下代码:

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

答案 1 :(得分:0)

如果innerHtml不起作用,则您的标记中可能会出现错误。

您可以尝试使用DOM清理程序,看看是否可以解决您的问题。

我为你做了一个小例子。

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