How to Save an XML File in Angular2 in the file system

Question

I can receive the XML File using HTTP get method and pass it as a Blob. I can't use the window.open method as it opens the XML file in the web browser.

I know there is a FileSaver component for AngularJS but it does not work in Angular2.

Please Help

This is my service call.

public downloadXMLFile(): Promise<Blob> {
    return this.http.get('this.downloadURL').toPromise()
      .then((r: Response) => new Blob([r.text()], {type: 'application/xml'}))
      .catch(error => console.log(error));
}

Answer 1

>npm install file-saver --save

>npm install @types/file-saver --save


this.yourService.downloadXML().subscribe(
    response =>{
        const filename = 'filename.xml';
        saveAs(response, filename);
}

Answer 2

Could you try:

>npm install file-saver --save
>npm install @types/file-saver --save


import { saveAs } from 'file-saver';
.
.
public downloadXMLFile(): Promise<Blob> {
    return this.http.get('this.downloadURL').toPromise()
      .then((r: Response) => {
          new Blob([r.text()], {type: 'application/xml'});
          saveAs(file, fileName);
      })
      .catch(error => console.log(error));
}

Sorry if there are typos.