在angular2中读取xml文件数据

Question

在Angular2项目中，我有一个xml文件，其中包含有关员工的所有信息。我需要从该xml文件中读取员工数据并显示在我的组件模板中。

如何使用http服务读取xml数据？

Answer 1

您可以使用jQuery.parseXML来实现，但您需要将jQuery与Angular集成。

jQuery.parseXML使用浏览器的本地解析功能 创建一个有效的XML文档。然后可以将该文档传递给 jQuery以创建可以遍历的典型jQuery对象，并操纵 。

欲了解更多与jQuery集成的细节，请参阅How to use jQuery with Angular2。

使用HTTP服务

let xml = ""; 
this.http.get(url) 
    .map((res:Response) => res.text()) 
    .subscribe(data => { 
     xml = data; 
     console.log($.parseXML(xml)); 
    }); 

Answer 2

为了解析您可以xml2js尝试：https://github.com/Leonidas-from-XIV/node-xml2js。

检查这个其他答案： XML data parsing in angular 2

在很短：

import { parseString } from 'xml2js'; 
/* ... */ 
let xml = "<root>Hello xml2js!</root>" 
parseString(xml, function (err, result) { 
    console.dir(result); 
});