在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); 
});