Angular -如何动态下载Json文件

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
})
export class DownloadService {
  constructor(private http: HttpClient) { }

  downloadJsonFile(url: string): void {
    this.http.get(url, { responseType: 'blob' }).subscribe(data => {
      const downloadLink = document.createElement('a');
      downloadLink.href = URL.createObjectURL(data);
      downloadLink.download = 'data.json';
      downloadLink.click();
    });
  }
}

import { Component } from '@angular/core';
import { DownloadService } from './download.service';

@Component({
  selector: 'app-download',
  template: `
    <button (click)="download()">下载JSON文件</button>
  `
})
export class DownloadComponent {
  constructor(private downloadService: DownloadService) { }

  download(): void {
    const url = 'http://example.com/data.json'; // 替换为实际的JSON文件URL
    this.downloadService.downloadJsonFile(url);
  }
}