繁体   English   中英

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

[英]Angular, remove HTML tags which are coming from database

我从数据库和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"

我已经试过了这段代码,它确实起作用了:当它不起作用时,您可能会遇到语法问题,请尝试复制以下代码:

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

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

您可以尝试使用DOM消毒剂,看看是否可以解决您的问题。

我为你做了一个小例子。

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM