How to read data from xml file in Angular

Question

I am new to Angular and I want to read a specific node from the XML file. example: let's say I have an XML file emp.xml

    `<employees>
    <employee>
    <id>1</id>
    <name>Iqbal</name>
    <address>xxxxx</address>
    <contact>xxxxxx88xx</contact>
    </employee>
    <employee>
    <id>2</id>
    <name>Anil</name>
    <address>xxxxx</address>
    <contact>xxxxxx88xx</contact>
    </employee>
    </employees>`

now I want to read this whole file. and then I want to extract specific node i.e name of the employee. how can I achieve that?

Josh Knack · Accepted Answer · 2019-01-05 17:56:42Z

2

You should be able to do this in plain old JS:

const myXML = new DOMParser().parseFromString('<xml></xml>', 'text/xml');

If you wanted to get your first employee then, you can get it like this:

const firstEmployee = myXML.getElementsByTagName('employee')[0];

answered Jan 5, 2019 at 17:56

Josh Knack

4052 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

shweta ramani · Accepted Answer · 2021-01-12 06:32:42Z

0

Try this

 let xml_content= `<employees>
    <employee>
    <id>1</id>
    <name>Iqbal</name>
    <address>xxxxx</address>
    <contact>xxxxxx88xx</contact>
    </employee>
    <employee>
    <id>2</id>
    <name>Anil</name>
    <address>xxxxx</address>
    <contact>xxxxxx88xx</contact>
    </employee>
    </employees>`;
    
    var parser = new DOMParser();
    let xmlDoc = parser.parseFromString(xml_content, 'text/xml'); 
    let firstEmploye = xmlDoc.getElementsByTagName('employee')[0];

answered Jan 12, 2021 at 6:32

shweta ramani

4004 silver badges7 bronze badges

Collectives™ on Stack Overflow

How to read data from xml file in Angular

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related