angular2のxmlファイルデータを読み込む

Question

Angular2プロジェクトでは、従業員に関するすべての情報を含むxmlファイルが1つあります。そのxmlファイルから従業員データを読み込み、コンポーネントテンプレートに表示する必要があります。

httpサービスを使用してXMLデータを読み取る方法は？

Answer 1

jQuery.parseXMLで実行できますが、jQueryとAngularを統合する必要があります。

jQuery.parseXML有効なXMLドキュメントを作成 にブラウザのネイティブ解析関数を使用しています。このドキュメントは、 jQueryに渡すことができ、トラバーサル可能な典型的なjQueryオブジェクトを作成し、 を操作することができます。

jQueryとの統合の詳細については、How to use jQuery with Angular2を参照してください。 https://github.com/Leonidas-from-XIV/node-xml2js：あなたはxml2jsで試すことができます解析するためのHTTPサービス

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

Answer 2

を使用して

。

チェックこの他の答え：要するに XML data parsing in angular 2

：

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