我有一个场景,我需要从服务器发送的相同字符串中显示 html 和 xml。
来自服务器的回复如下所示:
This is sample text with <b>bold text</b> and also some xml like this <note><to>you</to><from>me</from><heading>title</heading><body>message</body></note>. As you can see it contains both xml to display and html to render.
我试过了:
text;
msg = 'This is sample text with <b>bold text</b> and also some xml like this <note><to>you</to><from>me</from><heading>title</heading><body>message</body></note>. As you can see it contains both xml to display and html to render.'
constructor(private domSanitizer: DomSanitizer) {
}
ngOnInit() {
this.text = this.getInnerHTMLValue();
}
getInnerHTMLValue() {
return this.domSanitizer.bypassSecurityTrustHtml(this.msg);
}
html:
<pre [innerText]="text"></pre>
我收到此错误:
SafeValue must use [property]=binding:...
而当我使用[innerHTML]
而不是[innerText]
xml时已经被清除了。
如何显示示例 xml 代码以及解析 html 标签(如<b>
标签)?至少我怎样才能摆脱这个错误?