Displaying XML data in a webpage using AngularJS

Question

I have an XML file which contains employees' data.

<Employee>
  <ID>01</ID>
  <FirstName>Steven</FirstName>
  <LastName>Smith</LastName>
  <Phone>123456789</Phone> 
</Employee>

I want to display this data in a web page using AngularJS.

From Google search I found I need to prepare a JavaScript function to read data from XML, create this JS function as ng-app, and then call this app in HTML web page to display data.

I don't know how to do this.

Check this answer http://stackoverflow.com/questions/34175447/parse-xml-into-html-table-in-angularjs — Everton Santos, Jan 20 '17 at 13:00

score 0 · Answer 1 · edited May 23 '17 at 12:17

0

How to handle XML services in AngularJS?

From that Q&A, https://code.google.com/p/jquery-xml2json-plugin might be just what you're looking for.

edited May 23 '17 at 12:17

Community

1
1

answered Dec 10 '13 at 23:15

Matt Welch

670
4
11

dubucha · Answer 2 · 2016-05-04T00:59:41.853

0

You need to convert XML to JSON before you can use it with AngularJS. Try this library: https://github.com/abdmob/x2js And explanations are great in this post: http://rabidgadfly.com/2013/02/angular-and-xml-no-problem/

edited May 04 '16 at 00:59

answered Apr 28 '16 at 17:58

dubucha

1,027
10
16

Please add some more information, nut just a link on another side. It is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes – slfan Apr 28 '16 at 18:21

Displaying XML data in a webpage using AngularJS

2 Answers2