Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
以angular2读取xml文件数据_Angular_Typescript_Visual Studio Code - Fatal编程技术网

以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(

在Angular2项目中,我有一个包含员工所有信息的xml文件。我需要从
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等向前端提供相关数据。。