在新选项卡中打开PDF并以Angular格式的文件名下载

npm install file-saver --save

import { Component } from '@angular/core';
import { saveAs } from 'file-saver';
import * as FileSaver from 'file-saver';
import * as Blob from 'blob';

@Component({
  selector: 'app-download',
  templateUrl: './download.component.html',
  styleUrls: ['./download.component.css']
})
export class DownloadComponent {
  // 文件名
  fileName = 'example.pdf';

  // 下载文件
  downloadFile() {
    const pdfUrl = 'https://example.com/example.pdf'; // 替换为实际的PDF文件链接

    // 发起HTTP请求获取文件数据
    fetch(pdfUrl)
      .then(response => response.blob())
      .then(blob => {
        // 使用FileSaver保存文件
        FileSaver.saveAs(blob, this.fileName);
      });
  }
}

<button (click)="downloadFile()">下载PDF</button>