用Angular美化Xml
用Angular美化Xml
提问于 2020-08-10 18:57:55
我试图通过npm存储库中的包美化一个xml (vkbeautify和xml-beautifier)以显示到html中，但不起作用(我在相同的组件和通过管道组件中尝试过)：
使用xml-beautifier构建：
在.ts中：
this.soapResponsePayload = beautify(response.responsePayload);在.html中：
{{soapResponsePayload}}使用vkbeautify构建：
管道构件：
import { Pipe, PipeTransform } from '@angular/core';
import * as vkbeautify from 'vkbeautify';
@Pipe({
name: 'xml'
})
export class XmlPipe implements PipeTransform {
transform(value: string, ...args: any[]): string {
return vkbeautify.xml(value);
}
}在.html中：
{{soapResponsePayload | xml}}但无论如何都不会起作用。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-08-12 15:21:06
问题是尝试将typescript字符串直接绑定到视图中，因为字符串的格式是正确的，但是当您尝试将typescript中的任何字符串设置为HTML时，格式将不会保存。
解决方案是使用typecript字符串插值并使用，为了保存格式并使用angular指令innerHTML来绑定XML值，你会发现另一个错误，因为HTML将"<“& ">”作为HTML组件考虑在内，因此你需要解析XML值以使用HTML十六进制代码更改这些值。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63338844
复制相关文章
相似问题
腾讯云开发者
