在angular 5中如何在纯管道中使用HTTP调用

在Angular 5中，可以通过在纯管道中使用HTTP调用来获取数据。以下是实现的步骤：

1. 首先，确保已经导入了HttpClient模块。在你的模块文件中，添加以下导入语句：

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

并将HttpClientModule添加到@NgModule装饰器的imports数组中。

1. 在你的纯管道文件中，导入HttpClient模块：

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

1. 在纯管道的构造函数中注入HttpClient：

constructor(private http: HttpClient) { }

1. 在纯管道的transform方法中使用http.get()方法来发起HTTP调用。例如，如果你想获取一个JSON数据，可以这样写：

transform(value: any, ...args: any[]): any {
  return this.http.get('your-api-url');
}

1. 在组件的模板中使用管道来调用纯管道并获取数据。例如：

<div>{{ yourData | yourPurePipe }}</div>

请注意，以上代码只是一个示例，你需要根据你的实际需求进行调整。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

• 腾讯云云服务器（CVM）：提供可扩展的计算能力，适用于各种应用场景。了解更多信息，请访问：腾讯云云服务器
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于存储和处理各种类型的数据。了解更多信息，请访问：腾讯云对象存储

希望以上信息能对你有所帮助！