以angular2读取xml文件数据
在Angular2项目中,我有一个包含员工所有信息的xml文件。我需要从以angular2读取xml文件数据,angular,typescript,visual-studio-code,Angular,Typescript,Visual Studio Code,在Angular2项目中,我有一个包含员工所有信息的xml文件。我需要从xml文件中读取员工数据,并显示在我的组件模板中 如何使用http服务读取xml数据?您可以使用,但需要将jQuery与Angular集成 jQuery.parseXML使用浏览器的本机解析函数 创建有效的XML文档。然后可以将此文档传递给 jQuery创建一个典型的jQuery对象,该对象可以被遍历和 操纵 有关与jQuery集成的更多详细信息,请参阅 使用http服务 let xml=”“; this.http.get(
xml
文件中读取员工数据,并显示在我的组件模板中
如何使用http服务读取xml数据?您可以使用,但需要将jQuery与Angular集成
jQuery.parseXML
使用浏览器的本机解析函数
创建有效的XML文档。然后可以将此文档传递给
jQuery创建一个典型的jQuery对象,该对象可以被遍历和
操纵
有关与jQuery集成的更多详细信息,请参阅
使用http服务
let xml=”“;
this.http.get(url)
.map((res:Response)=>res.text())
.订阅(数据=>{
xml=数据;
log($.parseXML(xml));
});
对于解析,您可以尝试使用xml2js:
检查另一个答案:
简言之:
import { parseString } from 'xml2js';
/* ... */
let xml = "<root>Hello xml2js!</root>"
parseString(xml, function (err, result) {
console.dir(result);
});
从'xml2js'导入{parseString};
/* ... */
让xml=“你好,xml2js!”
parseString(xml,函数(错误,结果){
console.dir(结果);
});
浏览器API已经附带了XML解析器。看一看
成功解析文档后,将使用类似于DOM导航的API对其进行导航
一些HTTP客户机LIB可能会附带解析XML的选项(不要安装新的LIB来解析XML,请检查您正在使用的LIB!)。我还快速查看了angular的HttpClient,但一开始没有找到任何XML解析选项
旧版本还提供了一个选项,可以直接将响应解析为XML(
.responseXML
),但您可能不会使用它,因为您可能已经在为HTTP客户端使用另一种东西了。您的问题不清楚。您是说您有来自API的XML吗?将XML文件传递到后端。解析它。。将解析后的数据存储到数据库中。然后通过api等向前端提供相关数据。。