How to parse xml in Angular 2

by

Based on the library http://goessner.net/download/prj/jsonxml/, I implemented a sample to receive XML data and parse them into an Angular2 application:

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(),'  ')));

To be able to use the library, you need to parse first the XML string:

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

See this question:

See this plunkr: https://plnkr.co/edit/dj63ASQAgrNcLLlwyAum?p=preview.

More Related Contents:

  1. How do I return the response from an Observable/http/async call in angular?
  2. Angular 2 – Return data directly from an Observable
  3. Chaining RxJS Observables from http data in Angular2 with TypeScript
  4. How to catch exception correctly from http.request()?
  5. Angular 2: Convert Observable to Promise
  6. async/await in Angular `ngOnInit`
  7. Is it a good practice using Observable with async/await?
  8. Angular – Make multiple HTTP calls sequentially
  9. TypeError: You provided an invalid object where a stream was expected. You can provide an Observable, Promise, Array, or Iterable
  10. Get route query params
  11. How can I create an observable with a delay
  12. RxJs get value from observable
  13. Merging http observables using forkjoin
  14. Subscribe to observable is returning undefined
  15. How to create an Observable from static data similar to http one in Angular?
  16. How to return observable from subscribe
  17. How to return value inside subscribe Angular 4
  18. RxJs Array of Observable to Observable of Array
  19. Error when trying to inject a service into an angular component “EXCEPTION: Can’t resolve all parameters for component”, why?
  20. JSON and XML comparison [closed]
  21. Detect click outside Angular component
  22. Angular2 – should private variables be accessible in the template?
  23. Why does xml package modify my xml file in Python3?
  24. Angular 4 pass data between 2 not related components
  25. When to use square brackets [ ] in directives @Inputs and when not?
  26. Angular2 – Interaction between components using a service
  27. Parsing XML using unix terminal
  28. VBA Output to file using UTF-16
  29. Plain Javascript as Angular 2 service
  30. How do I generate a comma-separated list with XSLT/XPath?

Leave a Comment