Angular open new window and display xml

Question

I would like to open a new window after a click event and show an xml structure. I do not want that browser interpret my xml.

I tried with this:

window.open('data:text/xml;charset=utf-8,<?xml version="1.0" encoding="UTF-8"?><RootTag>'+xml+'</RootTag>', "", "_blank")

with chrome this do not work.

Answer 1

You have two questions here

1. To open a window either use a popup / modal control (for example NgBootstrap Modal ) or use angular routing to navigate to a different page.

2. To just show xml write it in interpolation. Something like this.

 <div style="white-space:pre; font-size:12px; font-family:monospace;">{{getXML()}}</div>

and in the component,

 getXML() { return "<RootTag>xml</RootTag>"; }

Please find sample code .

Answer 2

I solved this problem with this code in the component.ts

    let blob = new Blob([text], {type: 'text/xml'});
    let url = URL.createObjectURL(blob);
    window.open(url);
    URL.revokeObjectURL(url);

This open a new window with the view just for xml.