[英]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.