从angular 6中的href下载文件

从Angular 6中的href下载文件可以通过以下步骤实现：

1. 在HTML模板中，创建一个链接或按钮，并使用href属性指定文件的URL。例如：

<a href="http://example.com/files/myfile.pdf" download>下载文件</a>

这里的download属性告诉浏览器该链接是用于下载文件的。

1. 在Angular组件中，不需要任何特殊的处理。只需确保链接的URL是有效的，并且可以通过点击链接来下载文件。

这种方法适用于直接下载公开可访问的文件，例如PDF、图片、文档等。如果需要进行身份验证或处理动态生成的文件，可以使用Angular的HttpClient模块来发送HTTP请求并下载文件。

对于更复杂的文件下载需求，可以使用Angular的HttpClient模块来发送GET请求，并使用responseType: 'blob'来获取文件的二进制数据。然后，可以使用FileSaver.js等库将二进制数据保存为文件。以下是一个示例：

1. 首先，安装FileSaver.js库：

npm install file-saver --save

1. 在Angular组件中，导入HttpClient和FileSaver：

import { HttpClient } from '@angular/common/http';
import { saveAs } from 'file-saver';

1. 在组件的构造函数中注入HttpClient：

constructor(private http: HttpClient) { }

1. 创建一个方法来下载文件：

downloadFile() {
  const url = 'http://example.com/files/myfile.pdf';
  this.http.get(url, { responseType: 'blob' }).subscribe((data: Blob) => {
    saveAs(data, 'myfile.pdf');
  });
}

1. 在HTML模板中，使用按钮或链接来调用下载方法：

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

这种方法允许更多的灵活性和控制，可以处理更复杂的文件下载需求。

请注意，以上示例中的URL和文件名仅作为示例，实际应根据具体情况进行替换。

推荐的腾讯云相关产品：腾讯云对象存储（COS）

• 概念：腾讯云对象存储（COS）是一种高可用、高可靠、安全、低成本的云存储服务，用于存储和检索任意类型的文件和数据。
• 分类：对象存储
• 优势：高可用性、高可靠性、安全性、低成本、灵活性、可扩展性
• 应用场景：网站和应用程序的静态资源存储、大规模数据备份和归档、多媒体内容存储和分发、日志和文件存储等。
• 产品介绍链接地址：腾讯云对象存储（COS）

请注意，以上答案仅供参考，具体的实现方法和推荐产品可能因实际需求和环境而有所不同。