angular 下载文件

在 Angular 中，你可以使用 `HttpClient` 模块来下载文件。下面是一个简单的示例代码：

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

@Component({
  selector: 'app-download',
  templateUrl: './download.component.html',
  styleUrls: ['./download.component.css']
})
export class DownloadComponent {
  constructor(private http: HttpClient) {}

  downloadFile() {
    const url = 'http://example.com/file.pdf'; // 替换为你要下载的文件地址

    this.http.get(url, { responseType: 'blob' })
      .subscribe((blob: Blob) => {
        const downloadUrl = URL.createObjectURL(blob);
        const link = document.createElement('a');
        link.href = downloadUrl;
        link.download = 'file.pdf'; // 替换为你希望保存的文件名
        link.click();
        URL.revokeObjectURL(downloadUrl);
      });
  }
}

在这个示例中，我们使用 `HttpClient` 发起一个 GET 请求，指定 `responseType` 为 `'blob'`，以获取文件的二进制数据。然后，我们创建一个链接元素 `<a>`，设置其 `href` 属性为文件数据的 URL，设置 `download` 属性为你希望保存的文件名，并触发点击事件以触发下载。最后，我们使用 `URL.revokeObjectURL()` 来释放 URL 对象。

请注意，为了使上述代码正常工作，你需要在应用的模块中导入 `HttpClientModule`：

import { HttpClientModule } from '@angular/common/http';

@NgModule({
  imports: [
    // ...
    HttpClientModule
  ],
  // ...
})
export class AppModule { }

这样，当用户点击一个按钮或执行某个操作时，你可以调用 `downloadFile()` 方法来下载文件。记得将 `url` 替换为你要下载的文件地址，并设置合适的文件名。