如何在angular 2中下载pdf文件

npm install axios --save

import { Injectable } from '@angular/core';
import axios from 'axios';

@Injectable({
  providedIn: 'root'
})
export class PdfService {
  constructor() {}

  downloadPdf(url: string): Promise<void> {
    return axios({
      url: url,
      method: 'GET',
      responseType: 'blob' // important
    }).then((response) => {
      const url = window.URL.createObjectURL(new Blob([response.data]));
      const link = document.createElement('a');
      link.href = url;
      link.setAttribute('download', 'file.pdf'); // or any other file name
      document.body.appendChild(link);
      link.click();
    });
  }
}

import { Component } from '@angular/core';
import { PdfService } from './pdf.service';

@Component({
  selector: 'app-pdf-downloader',
  template: `<button (click)="download()">Download PDF</button>`
})
export class PdfDownloaderComponent {
  constructor(private pdfService: PdfService) {}

  download() {
    const pdfUrl = 'https://example.com/path/to/pdf'; // replace with your PDF URL
    this.pdfService.downloadPdf(pdfUrl).catch((error) => {
      console.error('Error downloading the PDF', error);
    });
  }
}