我从数据库和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"
答案 0 :(得分:0)
我已经尝试过此代码,并且确实有效: 当它不起作用时,您可能会遇到语法问题,请尝试复制粘贴以下代码:
<div [innerHTML]="data[0].summary"></div>
答案 1 :(得分:0)
如果innerHtml不起作用,则您的标记中可能会出现错误。
您可以尝试使用DOM清理程序,看看是否可以解决您的问题。
我为你做了一个小例子。
https://stackblitz.com/edit/angular-16mprd?file=src%2Fapp%2Fapp.component.ts