Как разобрать xml в Angular 2

На основе библиотеки http://goessner.net/download/prj/jsonxml/ я реализовал образец для получения данных XML и их анализа в приложении Angular2:

var headers = new Headers();
(...)
headers.append('Accept', 'application/xml');

return this.http.get('https://angular2.apispark.net/v1/companies/', {
  headers: headers
}).map(res => JSON.parse(xml2json(res.text(),'  ')));

Чтобы иметь возможность использовать библиотеку, вам нужно сначала проанализировать строку XML:

var parseXml;

if (typeof window.DOMParser != "undefined") {
  parseXml = function(xmlStr) {
    return ( new window.DOMParser() ).parseFromString(xmlStr, "text/xml");
  };
} else if (typeof window.ActiveXObject != "undefined" &&
   new window.ActiveXObject("Microsoft.XMLDOM")) {
    parseXml = function(xmlStr) {
      var xmlDoc = new window.ActiveXObject("Microsoft.XMLDOM");
      xmlDoc.async = "false";
      xmlDoc.loadXML(xmlStr);
      return xmlDoc;
  };
} else {
  throw new Error("No XML parser found");
}

Смотрите этот вопрос:

• Разбор XML с помощью JavaScript

См. этот планкр: https://plnkr.co/edit/dj63ASQAgrNcLLlwyAum?p=preview .

Я бы предпочел использовать модуль npm вместо Javascript, потому что

1. Это TypeScript, а не JavaScript
2. при обслуживании это будет работать, но при создании сборки или дистрибутива это не сработает, так как выдаст ошибку xml2json не определен, поскольку он доступен только в javascript, а не в TS или во время транспиляции. (произошло в моем случае)

Я сделал что-то вроде этого.

var parser = new xml2js.Parser({explicitArray : false});
//used xml2js parser from npm (https://www.npmjs.com/package/xml2js)
//and in my service i used this 
this.http.get(this.newsURL)
                .flatMap(res=>{
                        return Observable.fromPromise(this.getJSON(res.text()))
                })
                .catch((error:any) => Observable.throw(error.json().error || 'Server error'));

Это если вы используете POST и получаете ответ XML: используйте xml2js - https://www.npmjs.com/package/xml2js

1. npm установить xml2js -g

2. импортировать в служебный файл как: импортировать * как xml2js из 'xml2js';

3. Код:

   let formdata = new URLSearchParams();
   formdata.set('username','username');
   formdata.set('pw','pw');
   
   let headers = new Headers({'Content-Type': 'application/x-www-form-urlencoded' });
   
   let options = new RequestOptions({ headers: headers, method: RequestMethod.Post});      
   
   postCaseFile () {
   
        this.http.post(this._apiUrl, formdata.toString(), options)
        //convert to JSON here
        .map(res => {
                   xml2js.parseString( res.text(), function (err, result) {
                   console.dir(result); // Prints JSON object!
              });
         }).subscribe(data => {    
           console.log(data);              
         });
   }